欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css實(shí)現(xiàn)圖片旋轉(zhuǎn)功能

  發(fā)布時間：2025-02-07 16:20:53   作者：大得369   我要評論
文章介紹了四種CSS變換效果：圖片旋轉(zhuǎn)90度、水平翻轉(zhuǎn)、垂直翻轉(zhuǎn),并附帶了相應(yīng)的代碼示例，代碼簡單易懂，感興趣的朋友跟隨小編一起看看吧

一 css實(shí)現(xiàn)圖片旋轉(zhuǎn)90度

.icon{
? -moz-transform:rotate(-90deg);
? -webkit-transform:rotate(-90deg);
}

 二 水平翻轉(zhuǎn)

.icon {
? ? color: #f64e78;
? ? font-size: 20px;
? ? display: inline-block;
? ? -moz-transform:scaleX(-1);
? ? -webkit-transform:scaleX(-1);
? ? -o-transform:scaleX(-1);
? ? transform:scaleX(-1);
}

三 垂直翻轉(zhuǎn)

.icon {
? ? color: #f64e78;
? ? font-size: 20px;
? ? display: inline-block;
? ? -moz-transform:scaleY(-1);
? ? -webkit-transform:scaleY(-1);
? ? -o-transform:scaleY(-1);
? ? transform:scaleY(-1)
}

四 效果圖

到此這篇關(guān)于css實(shí)現(xiàn)圖片旋轉(zhuǎn)功能的文章就介紹到這了,更多相關(guān)css圖片旋轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論