CSS3 是一種強大的樣式語言,提供了很多新的特性和功能來增強 Web 頁面的設計和視覺效果。其中包括一些很酷炫的效果,讓你的網站更加生動、有趣、現代化。
/* CSS3 漸變背景色 */ background: linear-gradient(to right, #ff0066, #ff6600); /* CSS3 文字陰影效果 */ text-shadow: 2px 2px #ff0066; /* CSS3 圓角按鈕 */ border-radius: 20px; /* CSS3 旋轉動畫 */ animation: spin 1s infinite linear; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* CSS3 3D 動畫 */ transform: translateZ(-100px) rotateY(-180deg); /* CSS3 媒體查詢 */ @media screen and (max-width: 768px) { /* 在手機上顯示不同的樣式 */ background: #fff; color: #000; font-size: 16px; }
上述代碼是一些常見的 CSS3 酷炫效果,包括漸變背景色、文字陰影、圓角按鈕、旋轉動畫、3D 動畫和媒體查詢等。這些效果可以通過簡單的 CSS3 屬性實現,而且可以兼容各種瀏覽器。
可以看到,CSS3 非常強大而又靈活,它可以讓你的網站變得更加生動、有趣、現代化。如果你想讓你的網站更加吸引人,不妨試試這些酷炫效果吧。
上一篇css3 重下往上拉
下一篇mysql查詢服務器端口