CSS3

CSS3的新特性

  • 圓角邊框:border-radius,當(dāng)其值為50%時,相當(dāng)于設(shè)置為一個圓。
  • 顏色透明:rgba(0,0,0,opacity)
  • 背景漸變:linear-gradient(90deg,#000,#fff);radial-gradient(0,0,0)
  • 元素陰影: box-shadow: 2px 2px 5px #000;
  • 文字陰影: text-shadow:1px 3px 3px #000;
  • 背景效果: background:url() center center no-repeat;
  • 字體:@font-face{
    font-family:'Microsoft Yahei';
    src:url();
    }
  • 過度: transition:0.8s;
  • 變換: transform:translate(50px,20px)rotate(45deg) scale(1.2, 2.1) skew(45deg);
  • 動畫: animation: rotate 1s infinite linear;
    版權(quán)歸ENVY和饑人谷所有,轉(zhuǎn)載請注明出處
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,764評論 0 7
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,311評論 0 11
  • 剛學(xué)習(xí)了這個案例,然后覺得比較好玩,就練習(xí)了一下。然后發(fā)現(xiàn)其實也不難,如果你經(jīng)常使用PS或者Flash的話,應(yīng)該就...
    aymincoder閱讀 575評論 0 3
  • 01 你有沒有想過,如果你一輩子都只是個普通人? 有姑娘在后臺留言,問到這個問題。 姑娘說是自己小時候偶然看到一本...
    大頭針?biāo)季S閱讀 1,082評論 3 7
  • 《瓦爾登湖》斷斷續(xù)續(xù)在懶人聽書了上聽了大概有大半年時間,而且聽得極其不認(rèn)真。我想是我沒什么細(xì)胞吧。聽得過程中一直覺...
    奔跑的湯盆兒閱讀 2,081評論 1 2

友情鏈接更多精彩內(nèi)容