課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
別的屬性，比如color，margin，padding沒有這個問題。
2016-06-08
源自：十天精通CSS3 9-1
正在回答
（回復(fù)不能超過300字，只能放這了）
你試試這個鏈接~http://jsbin.com/cufadet/edit?html,css,output我3個瀏覽器都試了，把border樣式的注釋去掉，3個瀏覽器效果一樣，加上注釋的話，ff和ie上border就沒效果了。如果鏈接打不開的話，下面是代碼<!DOCTYPE html><html>? <head>??? <meta charset="utf-8">??? <style type="text/css">????? div{??????? width: 300px;??????? height: 200px;??????? background: red;??????? /*border:0px solid #000;*/????? }????? @keyframes change{??????? 0%{????????? margin:0px;????????? color:#000;????????? border:0px solid #000;??????? }??????? 100%{????????? margin:50px;????????? color:yellow;????????? border:10px solid #000;??????? }????? }????? div:hover{??????? animation:change 2s ease;????? }??? </style>? </head>? <body>??? <div>鼠標(biāo)移入的時候盡量放在div右下角~</div>? </body></html>
看到這問題回去翻了翻以前的代碼，發(fā)現(xiàn)以前都是規(guī)規(guī)矩矩的有什么屬性全加上去，不過這問題為什么我測試沒有
慕粉3160836 提問者
阿聰M 回復(fù) 慕粉3160836 提問者
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
5 回答7-8只在chrome下有動畫效果，F(xiàn)irefox和IE11都沒有動畫效果，求解
2 回答用border-image前必須要設(shè)置border嗎？
1 回答?border-image有沒有兼容性的問題？
3 回答為什么我設(shè)置了兩個div,一個有動畫，一個沒動畫效果呢？
2 回答如果暫停了動畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-12
（回復(fù)不能超過300字，只能放這了）
你試試這個鏈接~
http://jsbin.com/cufadet/edit?html,css,output
我3個瀏覽器都試了，把border樣式的注釋去掉，3個瀏覽器效果一樣，加上注釋的話，ff和ie上border就沒效果了。
如果鏈接打不開的話，下面是代碼
<!DOCTYPE html>
<html>
? <head>
??? <meta charset="utf-8">
??? <style type="text/css">
????? div{
??????? width: 300px;
??????? height: 200px;
??????? background: red;
??????? /*border:0px solid #000;*/
????? }
????? @keyframes change{
??????? 0%{
????????? margin:0px;
????????? color:#000;
????????? border:0px solid #000;
??????? }
??????? 100%{
????????? margin:50px;
????????? color:yellow;
????????? border:10px solid #000;
??????? }
????? }
????? div:hover{
??????? animation:change 2s ease;
????? }
??? </style>
? </head>
? <body>
??? <div>鼠標(biāo)移入的時候盡量放在div右下角~</div>
? </body>
</html>
2016-06-08
看到這問題回去翻了翻以前的代碼，發(fā)現(xiàn)以前都是規(guī)規(guī)矩矩的有什么屬性全加上去，不過這問題為什么我測試沒有