色综合图-色综合图片-色综合图片二区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)文章:
主站蜘蛛池模板: 99久久精品费精品国产一区二区 | 久久99国产精品久久99无号码 | 久久综合99re久久爱 | 久久99热成人精品国产 | 亚洲日本在线看片 | 我要看三级毛片 | 加勒比综合在线 | 一区二区三区中文国产亚洲 | 99久久精品自在自看国产 | 高清国产在线播放成人 | 亚洲女精品一区二区三区 | 国产男女爽爽爽爽爽视频 | 看片亚洲 | 在线精品国产成人综合第一页 | 日本高清视频在线观看 | 日韩欧美一区二区三区免费观看 | 午夜精品久久久久久91 | 国产日本韩国不卡在线视频 | 污全彩肉肉无遮挡彩色 | 黄色免费在线网址 | 国产欧美va欧美va香蕉在线 | 国产精品毛片一区二区三区 | 亚洲第一se情网站 | av人摸人人人澡人人超碰 | 成人欧美一区二区三区在线 | 国产成人久久精品区一区二区 | 国产成人一区二区三区免费观看 | 精品一区二区在线欧美日韩 | 在线观看日韩www视频免费 | 99色视频在线 | 久99频这里只精品23热 视频 | 国产久草在线 | 精品国产乱码久久久久久一区二区 | 一级做a爱过程免费观看 | 国产成人一区二区视频在线观看 | 国产一区二区在线免费观看 | 韩国一级特黄毛片大 | 久久99国产亚洲高清观看首页 | 好吊色37pao在线观看 | 亚洲精品中文字幕字幕 | 欧美日本一道道一区二区三 |