CSS3:課程中CSS3屬性介紹

針對課程中使用CSS3屬性簡略介紹,其餘詳見參考網站

參考連結:CSS3邊框CSS3圓角CSS3文本效果CSS3漸變Gradients

圓角border-radius

border-radius:四邊相同值 ;

border-radius:左上 右上 右下 左下

border-radius:左上 右上 左下 右下

border-radius:左上 右下 右上 左下

參考網站:【參考1】、【參考2

陰影shadow

box-shadow

box-shadow:X偏移 Y偏移 模糊 擴展量 顏色 inset;

note:inset為內陰影

text-shadow

text -shadow:X偏移 Y偏移 模糊 顏色;

多重陰影

在屬性樣式中利用逗號(,)重疊

漸層

線性linear-gradient

background-image: linear-gradient (角度或方向, 開始色, 結束色);

漸層技巧漸層色票參考

圓形漸層radial-gradient

請自行查閱參考

透明度opacity , rgba