css3之图形绘制
由于近期的项目中出现了不规则的边框和图形， 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好，体验更佳，关键一点是更加有趣！ 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的，我们先了解下它们的基本原理 ...
原文：纯CSS3绘制的猫咪老师——献给喜欢CSS3及《夏目友人帐》的你
最近正发愁着毕业设计做些什么，而后闲逛时看到了诸如twitter小鸟 哆啦A梦 灰太狼等纯CSS 实现的图像。于是本着初学的心态，挑了喜欢的卡通形象来解闷。 于是花了一个晚上做完，现在想来多少有点遗憾。因为当时没有分段做个记录，要不现在就能搞个更详细的制作过程给各位了。 综上，这篇博文主要用来分享用CSS 绘图的心得及所需的技术。 不知道园里有朋友看过 夏目友人帐 没，不然很难向您解释我为什么喜 ...
2012-04-13 09:05 8 1767 推荐指数：
相关推荐
《夏目友人帐：结缘空蝉》-二丫影院在线观看
《夏目友人帐：结缘空蝉》-二丫影院在线观看 剧情简介： 在人与妖怪之间过着忙碌日子的夏目，偶然与以前的同学结城重逢，由此回忆起了被妖怪缠身的苦涩记忆。此时，夏目认识了在归还名字的妖怪记忆中出现的女性·津村容莉枝。和玲子相识的她，现在和独子椋雄一同过着平稳的生活。夏目 ...
CSS3 绘制的BMW logo
火热的移动互联网让我看到了HTML5，CSS3的伟大前景。 虽然web端对CSS3的支持还有很多兼容性问题，但是我很愿意相信web端越来越富了，越来越生动了。 这是我对他们的学习越来越有兴趣了。 下面是我用CSS3绘制的一个BMW的标志。 浏览器支持：chrome， safari ...
CSS3绘制不规则图形（一）
由于近期的项目中出现了不规则的边框和图形， 所以只好提前先温习一下，以前收集的一些CSS3绘制的图形。。。样式绘制的图形比图片的性能要好，体验更佳。 废话不多说，我们直接看效果： 1、三角形系列（三角形、倒三角、左三角、右三角、左上三角、右上三角、左下三角、右下三角） 主要 ...
使用 CSS3 绘制 Hello Kitty
偶然间看到了 SegmentFault 上的一篇文章，感觉这个 Hello Kitty 画的还不错，心血来潮也用 CSS3 画了个 Hello Kitty，现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。 我们先看下原图： 结构分解 从上图可以看出 ...
CSS3绘制六边形
因为很简单，所以先总结一下：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。 （因为之前在生物公司工作过，觉得六边形更贴近生物分子、基因等概念，包括我们在网上搜索关于生物分子 ...
CSS3绘制弹球动画效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin ...
CSS3绘制旋转的太极图案（一）
实现步骤： 基础HTML： 步骤一： 画一个宽高为400px的圆，加上阴影。 ...