亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

鬼畜的css3動畫

鬼畜的css3動畫

西蘭花偉大炮 2017-03-06 19:40:10
<!DOCTYPE?html> <html> ????<head> ????????<meta?charset="UTF-8"> ????????<title>css旋轉動畫</title> ????????<style> ????????????.rotateRect{ ????????????????position:?absolute; ????????????????left:?300px; ????????????????top:?300px; ????????????????animation:?rotone?2s?linear?infinite; ????????????????transform-origin:?150px?150px; ????????????} ????????????.rotateRect?em{ ????????????????display:?block; ????????????????width:?50px; ????????????????height:?50px; ????????????????background-color:?#FF8C00; ????????????????animation:?rottwo?2s?linear?infinite;???? ????????????} ????????????@keyframes?rotone{ ????????????????from{transform:?rotate(0);} ????????????????to{transform:?rotate(360deg);} ????????????} ????????????@keyframes?rottwo{ ????????????????from{transform:?rotate(360deg);} ????????????????to{transform:?rotate(0);} ????????????} ????????</style> ????</head> ????<body> ????????<div?class="rotateRect"><em></em></div> ????</body> </html>感覺背景色晃動是什么問題?還有這個嵌套一個em,一個正著轉,一個反轉,然后就不轉了,什么原因哦?很有意思的東西要是能有人把transform-origin屬性給我說明白就好了
查看完整描述

1 回答

?
翰術

TA貢獻21條經驗 獲得超8個贊

旋轉需要繞軸轉,transform-origin,可以設置那根軸的位置。
對2D來說,只有X和Y (平面) 只能設置X軸和Y軸
對3D來說,還能繞Z軸轉

查看完整回答
反對 回復 2017-03-06
  • 1 回答
  • 1 關注
  • 1752 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號