CSS3總結(jié)

CSS3新增屬性

CSS3 calc() 計(jì)算屬性

width: calc(100% - 50px)
calc內(nèi)可以寫 + - * / 運(yùn)算符 記得留空格

CSS3效果的簡(jiǎn)單事例

圓角， 圓形
div 陰影
2D 轉(zhuǎn)換：放大、縮小、偏移、旋轉(zhuǎn)
3D 轉(zhuǎn)換：移動(dòng)、旋轉(zhuǎn)
背景色漸變
過(guò)渡效果
動(dòng)畫
CSS3效果

全屏過(guò)渡效果

全屏過(guò)渡

loading效果

loading1
loading2

本博客版權(quán)歸 本人和饑人谷所有，轉(zhuǎn)載需說(shuō)明來(lái)源

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

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

  • 1、屬性選擇器：id選擇器 # 通過(guò)id 來(lái)選擇類名選擇器 . 通過(guò)類名來(lái)選擇屬性選擇器 ...
    Yuann閱讀 1,763評(píng)論 0贊 7
  • CSS3簡(jiǎn)介 CSS3的現(xiàn)狀 瀏覽器支持程度差，需要添加 私有前綴 ； 移動(dòng)端支持優(yōu)于PC端； 不斷改進(jìn)中； 應(yīng)用...
    magic_pill閱讀 908評(píng)論 0贊 1
  • 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 2,133評(píng)論 0贊 2
  • 親愛的小伙伴，你是否曾經(jīng)慶幸過(guò)，我們生活在通訊、信息高度發(fā)達(dá)的現(xiàn)代？只要?jiǎng)觿?dòng)手指就會(huì)讓親人朋友知道我們的即時(shí)狀態(tài)。...
    飛羽竹芋閱讀 832評(píng)論 8贊 6
  • 昨晚照例舉行的閱讀分享會(huì)中，一位伙伴分享了一句話：** 人人都有各種的可能性，不要因?yàn)槟承┓穸ǖ穆曇?，就放棄了自?..
    溫以沫閱讀 691評(píng)論 0贊 1

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