css3個人學習筆記一

2022-04-02 21:01:33 字數 510 閱讀 3938

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 ...