CSS3是CSS標準的最新版本,它引入了一些新的功能,使得網頁設計效果更加豐富多彩。下面介紹幾個CSS3的簡單小代碼:
/* 圓角邊框 */ border-radius: 10px; /* 文字陰影 */ text-shadow: 1px 2px 3px #000; /* 漸變背景 */ background: linear-gradient(to bottom, #1E90FF, #00BFFF); /* 旋轉動畫 */ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 使用動畫 */ div { animation: rotate 2s infinite linear; } /* 盒子陰影 */ box-shadow: 10px 10px 5px #888888; /* 彈性布局 */ display: flex; justify-content: center; align-items: center;
以上代碼只是CSS3功能的冰山一角,了解CSS3的各種新特性,可以讓我們更好地設計網頁,提升用戶體驗。