1.transition:
a.foo
a.foo:hover,a.foo:focus
其中transition:background 0.3s ease 1s引數分別表示屬性,漸變時間,樣式,延遲時間.
可以transition的屬性可以為:width,opacity,position,font-size.
樣式有六個屬性:ease,ease-in,ease-out,ease-in-out,liner,cubic-bezier.
transition me
2.text-shadow and rbga:
3.border-raduis:
4.opcaity:
a img
a:hover img
這樣可以通過transition:opacity 0.3 ease-in-out.漸變不透明度
5.transform
這個屬性變化多端,就先不敘述了,可以完成好多要js才能完成的任務,先簡單的學到這裡吧!
CSS個人學習筆記
元素中所有子元素和文字內容都在內容區排列 內容區大小由width和height屬性設定 width 設定寬度 height 設定高度 共有四個方向的內邊距 padding top right bottom left 內邊距會影響盒子大小,背景顏色會延伸到內邊距上 盒子的可見框總大小 由內容區 內邊距...
css3學習筆記(一)
e f 包含選擇器 包括孫子輩的 e f 子選擇器 不包括孫子輩的 e f 相鄰選擇器 e f 兄弟選擇器 選中e出現的後面的兄弟 中國十大傑出人物 別人家的孩子 別人家的爸爸 別人家的媽媽 別人家的老公 別人家的老婆 別人家的公公 別人家的婆婆 別人家的公司 別人家的領到 別人家的員工 偽類選擇器...
CSS3學習筆記(一)
css 1 邊框 1.1邊框的樣式 border width style color 1.2邊框四個角的半徑 border top left radius top px left px border top right radius border bottom left radius border ...