walk: function() {
return new Promise(function (resolve) {
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
resolve();
})
})
},
return new Promise(function (resolve) {
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
resolve();
})
})
},
2017-04-20
walk: function() {
var dfd = $.Deferred();
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
dfd.resolve();
})
return dfd;
},
var dfd = $.Deferred();
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
dfd.resolve();
})
return dfd;
},
2017-04-20
有的練習(xí)題怎么效果都是重復(fù)的,實現(xiàn)方式不一樣,這里的重點是要講不同的實現(xiàn)方式嗎//似乎不是,不懂這里的目的要干啥
2017-04-11
月亮:
通過css繪制的,通過width與height繪制一個正方形,然后設(shè)置border-radius: 50% 這樣就可以達到圓形的效果。通過box-shadow設(shè)置一定的陰影,最后通過關(guān)鍵幀動畫對box-shadow的值做一個變化的效果,就會出現(xiàn)光暈的感覺
云:
云的繪制稍微有一點點麻煩,觀察下云,其實是由5個圓形圖組成,在想同的位置重疊后的效果。同樣的繪制月亮的辦法,然后通過box-shadow繪制投影,繪制4個不同大小的圓形圖,然后改變每一個的坐標位置,讓其重疊在一起形成了最終的效果
通過css繪制的,通過width與height繪制一個正方形,然后設(shè)置border-radius: 50% 這樣就可以達到圓形的效果。通過box-shadow設(shè)置一定的陰影,最后通過關(guān)鍵幀動畫對box-shadow的值做一個變化的效果,就會出現(xiàn)光暈的感覺
云:
云的繪制稍微有一點點麻煩,觀察下云,其實是由5個圓形圖組成,在想同的位置重疊后的效果。同樣的繪制月亮的辦法,然后通過box-shadow繪制投影,繪制4個不同大小的圓形圖,然后改變每一個的坐標位置,讓其重疊在一起形成了最終的效果
2017-04-08