CSS3是一種用于網站設計的語言,它可以實現很多有趣和美觀的效果。以下是一些CSS3能夠完成的效果:
/*文字陰影效果*/ p{ text-shadow: 2px 2px 5px #333; } /*圓角效果*/ div{ border-radius: 10px; } /*背景漸變效果*/ body{ background: linear-gradient(to bottom, #00FFFF, #ADD8E6); } /*旋轉效果*/ img{ transform: rotate(30deg); } /*過渡效果*/ a{ transition: all 0.3s ease-in-out; } /*動畫效果*/ @keyframes myAnimation { from { transform: translateX(0); } to { transform: translateX(100px); } } div{ animation: myAnimation 1s infinite; }
通過以上幾個例子,可以看出CSS3的魅力和實用性。我們可以利用CSS3來增強網站的用戶體驗,讓用戶在使用網站時感到更加舒適和方便。
上一篇mysql查詢不到默認值
下一篇css3自定義拖拽