任何一个网页设计师或前端设计师都对@font-face
非常熟悉,它有一个看起来很无聊的属性:unicode-range
。不过正是这个不起眼的属性,我们却可以轻松地利用它通过CSS创造出字体混搭的效果。
智能手机的普及,已经把高质量的网页浏览带给了移动用户。虽然目前尚有许多新特性未被手机浏览器所支持,但人们已经开始关注如何为智能手机定制页面了。
这里,我们来一起讨论一下,如何以最好的方式,将现有的网站,为智能手机而优化。
尽管HTML5已经有了progress
标签用来实现一个进度条,但对于许多美化追求者来说,这样的进度条可能可定制性还是比不上自己用HTML模拟出来的;另外,截至目前,Android内置浏览器、Safari浏览器都还没有支持progress
标签,这也给开发者带来了麻烦。
本文,我们来看看如何使用HTML+CSS3打造一个漂亮的进度条。
Read More →
今天,越来越多的博客都开始使用图片作为主页,但是如果没有一个有效的方式处理文字,单纯的图片仍旧会令人迷惑。现在,我们看看如何用CSS3创造一个华丽的鼠标覆盖效果,在图片上显示更多的文字内容。
Read More →
绝大多数时候我们在制作网站时,都会需要用到各式各样的图标(icons),但实际上仅仅利用CSS技术就能利用文字来直接生成图标。那么这么做有什么好处呢?
- 可以自由控制尺寸
- 可以自由控制色彩
- 可以使用字体阴影来美化
- 不需要png或者gif就能够实现透明
- 还有更多优势
或许你更青睐于使用jQuery的各种插件来制作自己的按钮,但本文我们将教你如何仅仅使用CSS3来打造精美的按钮。
Read More →