CSS,全稱為層疊樣式表,是一種用于控制網頁元素樣式和布局的語言。除了基礎的樣式,CSS還提供了許多特殊效果可以讓網頁更加生動和豐富。下面介紹幾種常用的CSS特殊效果。
/* 圓角邊框 */ div{ border-radius: 10px; } /* 帶陰影的元素 */ p{ box-shadow: 2px 2px 3px #888; } /* 文字陰影 */ h1{ text-shadow: 2px 2px #888; } /* 漸變背景 */ body{ background: linear-gradient(to right, #000000, #ffffff); } /* 旋轉動畫 */ img{ animation: rotate 3s linear infinite; } @keyframes rotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
上述代碼片段分別實現了圓角邊框、帶陰影的元素、文字陰影、漸變背景和旋轉動畫等效果。通過對這些CSS屬性的靈活組合和調整,我們可以為網頁創造出更加豐富多彩的視覺效果。
上一篇css+勾選圖片