文件名称:css-for-fun:有趣的css实践
文件大小:15KB
文件格式:ZIP
更新时间:2024-05-25 18:42:53
CSS
CSS,超越排版的艺术 注意: 多图预警! 注意:手机app似乎不能正确播放gif图像。 很多年前,css被创造出来,用来排版html页面。 开始的时候只是为了排版,控制布局,指定文字、段落、图片和其他元素的样式。 现在,css所能实现的效果已经远远超出最初设计者的想象了吧。 css在人们手中已经不仅仅是排版工具,已然成为艺术创作的工具。 你知道你的浏览器能做到什么吗?仅仅几个简单的html标签和css样式? 上有很多有意思的示例。 绘图 按理说,它不怎么该干这种事情。但这也显示了CSS的强大。 示例一: 单标签chrome logo 我们画个chrome logo吧 可以看到,基本是通过“堆叠” background-image,这个属性有两个我们能用上的特性: 在CSS3中支持multiple background image,最靠前的图像越在上层。 可以设置渐变图形。 如果通过堆叠很
【文件预览】:
css-for-fun-master
----taiji.html(227B)
----.gitignore(15B)
----cube.html(641B)
----README.md(4KB)
----chrome.html(242B)
----firefox.html(238B)
----scss()
--------firefox.scss(3KB)
--------chrome.scss(2KB)
--------carousel.scss(2KB)
--------taiji.scss(926B)
--------cube.scss(2KB)
----package.json(593B)
----index.html(996B)
----style()
--------taiji.css(851B)
--------carousel.css(3KB)
--------firefox.css(2KB)
--------cube.css(2KB)
--------chrome.css(2KB)
----gulpfile.js(363B)
----carousel.html(650B)