CSS3高階技術

多重陰影，用逗號隔開

內陰影在前面新增inset關鍵字

box-shadow:inset 10px 10px 5px #888888;

多重陰影和text-shadow類似

如果想要改變漸變方向，可以自定義乙個角度

二、徑向漸變

語法：漸變形狀有兩種：圓(circle)和橢圓(ellipse)

background:radial-gradient

大小、形狀、位置、色標

若漸變形狀為圓形，漸變大小不能為百分數

若傳入兩個大小不同的引數，則表示該漸變形狀為橢圓，傳入乙個，則代表半徑

repeating-radial-gradient

在linear-gradient或者radial-gradient前面加上repeating就可以實現重複效果

.img

img 

multiplefilters

css3高階動畫基礎

animation 動畫鋪墊 animation 動畫 columns 多列布局 transform 可以實現元素的形狀 角度 位置等的變化。值 rotate 以x y z為軸進行旋轉，預設為z rotatex rotatey rotatez rotate3d x,y,z,angle x,y,z s...

CSS3高階 邊距摺疊

外邊距摺疊 相鄰的兩個或多個外邊距 margin 在垂直方向會合併成乙個外邊距 margin 相鄰 沒有被非空內容 padding border 或 clear 分隔開的margin特性.非空內容就是說這元素之間要麼是兄弟關係或者父子關係 charset utf 8 title type text ...

好玩的css3技術分享

開發工具與關鍵技術 dw，css3 說到css3是我學程式設計以來，最感興趣的一門技術，通過老師的學習，再自己的摸索一下。只學會css3一些簡單的技術。那我就分享一下我學習到的css3動畫吧！首先頁面布局什麼的就不多說了，定好div，弄好背景，設計好背景的尺寸，我們就開始設計動畫效果了。lizi 用...