色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

前端 - transform:rotate不能旋轉(zhuǎn)的問題

瀏覽:91日期:2024-06-10 18:23:04

問題描述

前端 - transform:rotate不能旋轉(zhuǎn)的問題

這個是我要的效果,箭頭代碼如下

.page4 .arrow-up{

position: absolute;width: 80/100rem;height: auto;margin-left: 50%;left:-40/100rem;bottom: 5%;animation: moveIconUp ease 2s both infinite;-webkit-animation: moveIconUp ease 2s both infinite;transform:rotate(180deg);-webkit-transform:rotate(180deg);

}

@-webkit-keyframes moveIconUp {

0% { -webkit-transform: translateY(120%); opacity: 0;}50% { -webkit-transform: translateY(0%); opacity: 1;}100% { -webkit-transform: translateY(-160%); opacity: 0;}

}

出來的效果是

前端 - transform:rotate不能旋轉(zhuǎn)的問題

箭頭ui切出來是向下的,我是想用transform:rotate(180deg)把他轉(zhuǎn)過來,不知道那里錯了

問題解答

回答1:

你的動畫moveIconUp 里面設(shè)置了transform把它覆蓋掉了。transform多個屬性用空格隔開,不然后面寫的會把前面的覆蓋,這樣寫:transform:translateY(-160%) rotate(180deg)

回答2:

transform里的各個屬性不能單獨設(shè)置

回答3:

設(shè)置成塊狀元素

相關(guān)文章:
主站蜘蛛池模板: 欧美成人手机视频免费播放 | 日韩日韩日韩手机看片自拍 | 91国语精品自产拍在线观看一 | japanesetubesexfree| 欧美一级别 | 欧美国产日韩在线观看 | 免费在线观看的毛片 | 成人午夜做爰视频免费看 | 久久高清影院 | 久久有精品 | 免费的成人a视频在线观看 免费的毛片 | 亚洲一级毛片免费观看 | 国产成人盗拍精品免费视频 | 日韩欧美中文字幕在线观看 | 国产一区二区fc2ppv在线播放 | 刺激免费视频 | 美女131爽爽爽做爰中文视频 | 久久久久女人精品毛片九一 | 国产成人综合网亚洲欧美在线 | 国产乱子伦在线观看不卡 | 精品一区二区三区免费观看 | 免费人成黄页在线观看视频国产 | 岛国毛片在线观看 | 中文字幕免费 | 大片刺激免费播放视频 | 国产日韩精品一区在线不卡 | 日产一一到六区网站免费 | 成人污网站 | 亚洲精品成人久久久影院 | 99视频精品在线 | 亚洲国产精品激情在线观看 | 又黄又爽又刺激的视频 | 欧美日韩一区二区三区在线 | 国产成人免费在线视频 | 亚洲精品一二三四区 | 91啦国产 | 欧美大片a一级毛片视频 | 国产亚洲一级精品久久 | 日本加勒比高清一本大道 | 国产91精品久久久久久久 | 久久精品国产欧美日韩亚洲 |