課程
/前端開發
/HTML/CSS
/十天精通CSS3
margin的值為什么為什么
2015-09-18
源自：十天精通CSS3 9-1
正在回答
那你就去定義一個改變margin值得動畫唄
@keyframes changemargin{
? 0%{
? ? margin: 0;
? }
? 20%{
? ?margin: 20px;
? 40%{
? ? margin: 40px;
? 60%{
? ?margin: 60px;
? 80%{
? ? margin: 80px;
? 100%{
? ? margin: 100px;
}
div {
? width: 300px;
? height: 200px;
? background: red;
? color:#fff;
? margin: 20px auto;
div:hover {
? animation: changemargin 5s ease-out .2s;
現在就得努力一點 提問者
因為沒有寫動畫把
你要表達什么？
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
3 回答動動屏幕看效果
1 回答動畫效果問題
2 回答怎么沒效果呢？
3 回答沒有轉動的效果
5 回答為什么沒有效果呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<table id="yckjr"></table>
<form id="yckjr"></form>
<table id="yckjr"><pre id="yckjr"></pre></table>
<li id="yckjr"></li>
2015-09-29
那你就去定義一個改變margin值得動畫唄
@keyframes changemargin{
? 0%{
? ? margin: 0;
? }
? 20%{
? ?margin: 20px;
? }
? 40%{
? ? margin: 40px;
? }
? 60%{
? ?margin: 60px;
? }
? 80%{
? ? margin: 80px;
? }
? 100%{
? ? margin: 100px;
? }
}
div {
? width: 300px;
? height: 200px;
? background: red;
? color:#fff;
? margin: 20px auto;
}
div:hover {
? animation: changemargin 5s ease-out .2s;
}
2015-09-21
因為沒有寫動畫把
2015-09-18
你要表達什么？