圆角，大家一定都会做，border-radius, 内凹圆角如何实现？ 可以拿个白色圆盒子盖住方形盒子的大半边实现，但是这样，是不透明的，背景发生改变时，就要改遮盖盒子的颜色，或者背景是渐变，改起来更麻烦，或背景是图片等…

设计行业的发展非常迅速，每天都有新颖的创意网站更新，而HTML和CSS在方向上有一定局限。 CSS已经从内容布局方面走了很长的路。 它是用来精确控制文件的布局和媒体应用不同类型的布局。 现代web站点是为了提供各种类型的…

今天带给大家一篇自己翻译的文章，3个简单的hover动效效果，初次翻译有不对的地方大家多多见谅。 现代网络中，很多技术形式可以实现有趣的动效，但最简单优雅的通常是CSS，特别是新增加的CSS3。 过去，我们不得不依靠Ja…

世界上有很多Web设计师、前端人员喜欢到Codepen上展示他们的片段代码，有的代码的确强大而惊人，所以我们经常到这里获取一些小灵感是很不错的。 最近Codepen官网上发布了2014年Codepen上最热门的100个c…

作为前端的设计师和工程师，我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画，但我们经常做的东西不会超过这些。 动效是一个有助于访客和消费者理解我们设计的强有力工具。这…

当下CSS3应用已经相当广泛，其中重要成员之一就是CSS3动画。并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动： 感谢shirley帮忙录制上…

悄悄地，GIF 格式的进度条已经越来越少，CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条，效果和 Flyme OS 4 上的加载动画一样。 首先，来看下最终的效果： 它的 HTML 结构也很简单，但不…