CSS是前端開發中非常重要的技術,它可以實現許多驚人的效果。其中之一就是讓圖片翻轉。
下面是一個簡單的示例代碼,讓我們了解如何使用CSS來實現它:
.flip-image { transform: rotateY(180deg); }
上面的代碼中,我們使用了CSS3的transform屬性來讓圖片翻轉。具體來說,我們將元素沿著Y軸旋轉180度,這樣就可以實現水平翻轉。
我們只需要將“flip-image”類應用到我們的圖片上,就可以看到它翻轉了。
<img src="example.jpg" class="flip-image">
總之,CSS可以幫助我們實現許多有趣的效果,讓我們的網站更加引人注目。