苹果公司（Apple）的发布会也开完了，新产品也将登陆了。估计很多开发人员看到iPhone X的设备是要崩溃了，特别对于前端开发人员更是如此。 iPhone X的屏幕覆盖了整个手机的屏幕，为相机和其他各部件留出了一个空间。结果是屏幕设计出现了一些尴尬的情况。比如将网站限制在一个“安全区 ...

几年前开始就一直想用css画幅画。 今天才真正开始， 从简单的开始。 作为一个工作压力那么大的程序员，我首先要画一个太阳。 html如下： View Code css如下： View Code ...

接着之前的[css]我要用css画幅画(一) ， 今天，我又画一个房子，很简单，屋顶、墙壁、门。 现在开始，做得效果都只兼容chrome，所以下面的css3的属性可能只有-webkit-前缀。 我只是为了兴趣画画， 何必理会兼容性呢，是吧？ html ...

最近项目中需要制作一个扇形按钮，效果是这样的： 周围四个扇形，和中间的小圆，全是能点击的。这就需要画扇形。百度了一下，有很多文章讲了如何生成扇形，最后我借鉴了一个最简单的实现方式，使用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 ...

主要描述的是如何运用 css 绘制一个抽奖转盘，并运用原生 js 实现转盘抽奖效果。 先来张效果图： 布局 一般来说，转盘一般有四个部分组成：外层闪烁的灯、内层旋转的圆盘、圆盘上的中奖结果、指针。 所以html的结构如下： 其中灯需要一直闪烁，而抽奖的时候转盘需要转动 ...