Previous Next
  • 画个饼图做成CSS进度指示器了

    2016-09-30 13:48  css   33

    饼图在网页中运用极为普通,比如简单的统计图表、进度指示器、时钟等。尽管如此,饼图在很长的一段时间里完全无法通过Web技术创建出来。

    过去要实现饼图,要么动用一个外部的图像处理软件来为饼图多个值制作多张图片,要么动用专门辅助的JavaScript。

  • CSS做梯形标签页的最佳效果

    2016-09-30 08:09  css   35

    梯形一直比平行四边形运用的还要广泛点。一直以来,梯形都是众所周知难以用CSS来生成的形状。网页设计师大部分用图片或者是用边框来模拟梯形两侧的斜边。尽管这些能实现梯形效果,不够灵灵活。

  • 四面八方的切角造型我都能用CSS搞定

    2016-09-29 15:44  css   42

    为了感时髦,我们有时也来尝试做些切角效果,最常见的是把元素的一个或多个角切掉,形成一个特殊的风格。我也尝试做了一个:

    Next

  • 赶上时代步伐,我们也来做“菱形图片”

    2016-09-29 10:29  css   37

    最近流行起来使用菱形图片来做人物头像的效果。借此,我们也来学习下如何使用来做这种风格。其实,这种风格也是最近才基本成为可能的,但由于其维护并不友好,所以使用比较局限,大部分情况下还是用来做人物头像居多。

  • 两种不同的方法来生成平行四边形

    2016-09-29 08:27    27

    平行四边形一般可以用来展现比较直管的动感,在一些运动型的网站上我们会用的比较多。

    让我们来回顾下平行四边形是如何生成的吧?中学课本上我们学习过,平行四边形是由矩形进行拉伸而得到的。在我们网页设计中,我们也可以通过skew()拉伸平行四边形而得到这样的一个图形:


  • 自适应的椭圆、半圆和四分之一圆

    2016-09-29 08:13    31

    《CSS揭秘》书中在这章节中提到一个网站:simurai.com。它通过一些精妙的手法将border-radius发挥到了极致,其糖果按钮更是展示出了各种奇妙的形状。

  • z-blogPHP清爽格子纹理主题调整风格

    2016-09-28 15:11  Z-BlogPHP 主题 css   31

    之前总感觉主题少点什么,原来是风格。这两天一直在学习《CSS揭秘》的书,对于其中的一些应用感觉还是比较优秀的,于是彻底改换了下主题的风格,使得它看起来更清爽了。

将这个网站分享给您的朋友吧!