CSS3是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言,它的新特性帶來(lái)了許多的炫酷效果和更易用的編寫(xiě)方式。下面是一些CSS3簡(jiǎn)單代碼示例:
/*圓角*/ .box1 { border-radius: 20px; } /*陰影*/ .box2 { box-shadow: 5px 5px 5px #888888; } /*漸變*/ .box3 { background: linear-gradient(to right, #000000, #ffffff); } /*旋轉(zhuǎn)*/ .box4 { transform: rotate(45deg); } /*過(guò)渡*/ .box5 { transition: all 0.5s; } /*動(dòng)畫(huà)*/ .box6 { animation: myanimation 5s infinite; } /*媒體查詢*/ @media (max-width: 768px) { .box7 { display: none; } }
這些例子只是冰山一角,CSS3擁有更多有趣的特性,可以讓我們?cè)炀透犰诺木W(wǎng)頁(yè)設(shè)計(jì)。如果你想更深入學(xué)習(xí)CSS3,可以去查看相關(guān)教程。