CSS3是指Cascading Style Sheets的第三個版本,它是一種用于描述網頁樣式的語言。在這20個CSS3的特性中,有一些是新添加的,而另一些是舊有特性的改進。
/* 1. Border Radius */ border-radius: 5px; /* 2. Box Shadow */ box-shadow: 5px 5px 5px grey; /* 3. Text Shadow */ text-shadow: 1px 1px 1px black; /* 4. Opacity */ opacity: 0.5; /* 5. Multiple Background Images */ background-image: url(image1.jpg), url(image2.jpg); /* 6. Gradients */ background: linear-gradient(red, yellow); /* 7. RGBA Color */ color: rgba(255, 0, 0, 0.5); /* 8. Transform */ transform: rotate(45deg); /* 9. Transition */ transition: all 1s ease-out; /* 10. Animation */ animation: myanimation 5s; /* 11. Flexbox */ display: flex; /* 12. Grid */ display: grid; /* 13. Columns */ column-count: 2; /* 14. Box Sizing */ box-sizing: border-box; /* 15. Resize */ resize: both; /* 16. User Select */ user-select: none; /* 17. Background Size */ background-size: cover; /* 18. Placeholder Styling */ ::placeholder { color: grey; } /* 19. Filter */ filter: brightness(50%); /* 20. Shape Margins */ shape-margin: 10px;
通過使用這些CSS3特性,我們可以輕松地將網頁變得更加美觀、有趣、交互性。同時,這些特性也為網站設計者和開發者提供了更多的選擇,以便他們可以更好地滿足用戶的需求。要學習更多有關CSS3的內容,可以訪問W3Schools網站查看更多的教程和示例。