CSS3是前端開發中非常重要的一部分,它可以讓網頁更加美觀、優雅,同時提高了用戶體驗。下面我們就一起來看一下CSS3的一些常用設置:
/** *設置元素的圓角 */ border-radius: 5px; /** *設置元素的陰影 */ box-shadow: 1px 1px 1px #ccc; /** *設置元素的背景漸變 */ background-image: linear-gradient(to bottom, #00c6ff, #0072ff); /** *設置元素的動畫效果 */ animation: myanimation 5s ease-in-out; /** *設置文字的漸變色 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #00c6ff, #0072ff); /** *設置元素的旋轉和縮放 */ transform: rotate(45deg) scale(1.2); /** *設置字體的陰影 */ text-shadow: 1px 1px 1px #ccc; /** *設置元素的過渡效果 */ transition: all 0.3s ease; /** *設置文字的描邊 */ -webkit-text-stroke: 2px #ccc;
以上就是CSS3常用的一些設置,使用它們可以讓你的網頁更加豐富多彩,具有更高的吸引力。
上一篇css 向左漂浮
下一篇css 命名規范種類