文件名称:纯CSS3模拟烧烤动画
文件大小:49KB
文件格式:RAR
更新时间:2022-09-12 04:01:58
HTML5应用
今天要来分享一款非常有创意的CSS3动画,这款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真。另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景。 接下来简单分析一下实现的代码,代码主要由HTML和CSS组成。 HTML代码:
>
【文件预览】:
pure-css3-bbq
----index.html(845B)
----scss()
--------style.scss(16KB)
----js()
--------angular.js(104KB)
--------modernizr.js(15KB)
--------index.js(43B)
----config.rb(752B)
----css()
--------normalize.css(2KB)
--------style.css(13KB)
【文件预览】:
pure-css3-bbq
----index.html(845B)
----scss()
--------style.scss(16KB)
----js()
--------angular.js(104KB)
--------modernizr.js(15KB)
--------index.js(43B)
----config.rb(752B)
----css()
--------normalize.css(2KB)
--------style.css(13KB)