如何设置 WebKit 浏览器滚动条属性
为了增加页面的视觉效果,基于WebKit的浏览器可以通过定义伪类 ::-webkit-scrollbar 属性来设置滚动条的属性(大小,颜色,位置,背景等)。注:请使用Chrome浏览器来体验滚动条效果,不支持IE Opera Firefox。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
为了增加页面的视觉效果,基于WebKit的浏览器可以通过定义伪类 ::-webkit-scrollbar 属性来设置滚动条的属性(大小,颜色,位置,背景等)。注:请使用Chrome浏览器来体验滚动条效果,不支持IE Opera Firefox。
昨天抽时间在 style.css 中增加了 CSS3 Media Queries代码,并且修正了此主题在IE6中的bug(HTML5)问题,目前此主题在IE6中浏览效果良好。
今天在给 家乡美 jiaxiangmei.org 安装 WordPress 时,看了一下其自带的主题 Twenty Eleven,感觉此主题相当炫啊,采用HTML5和CSS3制作,有很多代码值得我们自己研究一下,今天先看一下其 搜索框 代码,此搜索框在活得输入焦点时,能够自动伸长,效果很好。
缺省情况下,使用CSS3 的 Box Shadow 属性生成的阴影效果是外阴影,如果想要生成内阴影效果,只需在代码中添加 inset 属性即可。
transform 本意是变换、改变的意思,在CSS3中transform包括三种含义,分别是rotate(旋转)、skew(扭曲)、scale(缩放)。
网页设计越来越注重前端设计,特别是网页美工,我觉得像我这种美工功底比较差的站长和博主不再少数,所以特意搜集整理了一些边框和线条设计的技巧和示例。