CSS3是一種更新版本的CSS,它包含了許多新特性,使得Web開發人員可以創建更加豐富的效果和交互體驗。下面列出了一些CSS3新增的特性:
/* 1. 增加了圓角屬性 */ div { border-radius: 10px; } /* 2. 增加了漸變屬性 */ background: linear-gradient(to bottom, #FD2F84, #B42D81); /* 3. 增加了陰影屬性 */ box-shadow: 3px 3px 3px #888888; /* 4. 增加了文本陰影屬性 */ text-shadow: 1px 1px 1px #000000; /* 5. 增加了變換屬性 */ transform: rotate(45deg); /* 6. 增加了過渡屬性 */ transition: all 0.3s ease; /* 7. 增加了動畫屬性 */ animation: myanimation 2s infinite; /* 8. 增加了多欄布局屬性 */ #mydiv { columns: 2; } /* 9. 增加了背景大小屬性 */ background-size: cover; /* 10. 增加了伸縮布局屬性 */ display: flex; justify-content: center; align-items: center;
這些新特性的應用可以讓網站更加優美、靈活和豐富。當然,這也需要我們掌握CSS3的知識,才能更好地應用這些特性。
上一篇css3多文件上傳
下一篇css3圓角半徑設置