...

注意审题，第一要快，不要太麻烦，首先可以抛弃canvas，能不用js尽量不用，第二要支持任意角度。 两种方案和他们的缺点 以下两种方案满足要求 方案A：很久之前写过一篇《简单的css3 Loading动画》，原理是利用两个半圆旋转的方式，可以生成任意角度的扇形； 方案B：近期在GitHub ...

　　参考之前思路：conic-gradient：圆锥形渐变存在兼容性问题，无法使用，要不然其实实现效果也蛮好的 　　所以放弃，只能自己手写，参考第2种思路 　　css如下 　　因为存在超过50%情况，所以简单的做了一个判断。 　　效果： ...

css已经越来越强大了 ，可以使用它来绘制各种简单的形状，用于代替图片显示，这次的分享主要用到画圆，扇形，三角形等知识点，由于IE9以上才支持圆角，暂时不考虑兼容问题 css实现圆形 效果如下： border-radius圆角的四个值按顺序取值分别为：左上、右上 ...

工作中网页中有一个扇形的导航菜单,以前没有接触过,参考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原网站http://tympanus.net/codrops/2013 ...

思路跟画实体三角形一个道理,只不过多了一个圆角属性 代码如下： <! DOCTYPE html> < html lang= "e ...

使用css实现任意大小，任意方向， 任意角度的箭头 网页开发中，经常会使用到 下拉箭头，右侧箭头 这样的箭头。 一般用css来实现： 因为这是利用div的border-top, border-right，然后通过旋转div来实现的。 任意角度的箭头 这里有个问题 ...

偶然间看到了 SegmentFault 上的一篇文章，感觉这个 Hello Kitty 画的还不错，心血来潮也用 CSS3 画了个 Hello Kitty，现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。 我们先看下原图： 结构分解 从上图可以看出 ...