CSS3是一種用于網頁樣式設計的技術,通過它可以實現動態的畫畫效果。下面是一些CSS3畫畫圖片的示例。
/*繪制圓形*/ .circle { width: 100px; height: 100px; border-radius: 50%; background-color: aqua; } /*繪制三角形*/ .triangle { width: 0; height: 0; border-top: 50px solid red; border-right: 50px solid transparent; } /*繪制正方形*/ .square { width: 100px; height: 100px; background-color: blue; } /*繪制五角星*/ .stars { position: relative; width: 0; height: 0; margin: 50px auto; border-right: 50px solid transparent; border-bottom: 35px solid gold; border-left: 50px solid transparent; transform: rotate(35deg); } .stars:before { content: ""; position: absolute; top: -15px; left: -50px; width: 0; height: 0; border-right: 50px solid transparent; border-bottom: 35px solid gold; border-left: 50px solid transparent; transform: rotate(-35deg); }
通過CSS3可以實現簡單的圖形繪制,提高了網頁設計的可玩性和視覺效果。
下一篇css3畫鬧鐘