課程
/前端開發
/HTML/CSS
/十天精通CSS3
別的屬性,比如color,margin,padding沒有這個問題。
2016-06-08
源自:十天精通CSS3 9-1
正在回答
(回復不能超過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>鼠標移入的時候盡量放在div右下角~</div>? </body></html>
看到這問題回去翻了翻以前的代碼,發現以前都是規規矩矩的有什么屬性全加上去,不過這問題為什么我測試沒有
慕粉3160836 提問者
阿聰M 回復 慕粉3160836 提問者
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
5 回答7-8只在chrome下有動畫效果,Firefox和IE11都沒有動畫效果,求解
2 回答用border-image前必須要設置border嗎?
1 回答?border-image有沒有兼容性的問題?
3 回答為什么我設置了兩個div,一個有動畫,一個沒動畫效果呢?
2 回答如果暫停了動畫的播放,元素的樣式將回到最原始設置狀態
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-12
(回復不能超過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>鼠標移入的時候盡量放在div右下角~</div>
? </body>
</html>
2016-06-08
看到這問題回去翻了翻以前的代碼,發現以前都是規規矩矩的有什么屬性全加上去,不過這問題為什么我測試沒有