接着之前的[css]我要用css画幅画(一) , 今天,我又画一个房子,很简单,屋顶、墙壁、门。 现在开始,做得效果都只兼容chrome,所以下面的css3的属性可能只有-webkit-前缀。 我只是为了兴趣画画, 何必理会兼容性呢,是吧? html ...
几年前开始就一直想用css画幅画。 今天才真正开始, 从简单的开始。 作为一个工作压力那么大的程序员,我首先要画一个太阳。 html如下: View Code css如下: View Code 依照 魔芋铃的建议, 以下是效果的链接 再次感谢 : 效果 这里用到一个比较陌生的css属性:transform:rotate Ndeg 作用是旋转,其中N为整数,表示旋转的角度。旋转基于对象的重心。 心得 ...
2015-11-03 23:31 7 932 推荐指数:
接着之前的[css]我要用css画幅画(一) , 今天,我又画一个房子,很简单,屋顶、墙壁、门。 现在开始,做得效果都只兼容chrome,所以下面的css3的属性可能只有-webkit-前缀。 我只是为了兴趣画画, 何必理会兼容性呢,是吧? html ...
原文链接 接着之前的[css]我要用css画幅画(六),今天画的有所不同,画的是哆啦A梦,我们小时候对他的称呼其实是小叮当机器猫。 (PS:这次我要做的事情,很多人已经做过,这并不是什么创新,我只是在学习并记录下学习的过程) 这次就不多说CSS属性的基础概念了。 说说我画的过程吧, 好 ...
接着之前的[css]我要用css画幅画(六),今天画的有所不同,画的是哆啦A梦,我们小时候对他的称呼其实是小叮当机器猫。 (PS:这次我要做的事情,很多人已经做过,这并不是什么创新,我只是在学习并记录下学习的过程) 这次就不多说CSS属性的基础概念了。 说说我画的过程吧, 好,进入正题 ...
好几天没有更新了,直接上效果吧,哈哈!(我想这个应该大部分都会!哈哈哈!) 代码如下: html: css: 大家一起努力吧!! ...
最近项目中需要制作一个扇形按钮,效果是这样的: 周围四个扇形,和中间的小圆,全是能点击的。这就需要画扇形。百度了一下,有很多文章讲了如何生成扇形,最后我借鉴了一个最简单的实现方式,使用css的clip属性,完美实现。 参考文章为:http://www.cnblogs.com ...
想实现的效果如下图: 代码: ...
css3画实心圆 实现方法相当简单,css代码如下: .circle{ width:100px; height:100px; border-radius:50px; /* 图形的半径 */ } ...
半圆: #circle1 { width: 100px; height: 200px; background-color: #a72525; -webkit-border-radius: 100 ...