• 不断学习才有回报,学无止境!

标签:CSS3

DIV+CSS技巧发现

CSS3 box-shadow(阴影使用)

CSS3 box-shadow(阴影使用)
css3 box-shadow 内阴影与外阴影box-shadow具体使用方法,语法:E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说:对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}取值:……继续阅读 »

8年前 (2014-03-13) 651浏览 0评论

DIV+CSS技巧发现

transform使用参考

transform使用参考
语法transform :none | <transform-function>[ <transform-function> ]*取值指定一个身份转变说明应用于block水平和inline水平的元素。transform可以对元素进行角度旋转和缩放,请使用webkit内核最新版浏览器浏览该文章以保证CSS3效果能够完全呈现……继续阅读 »

8年前 (2014-02-24) 770浏览 0评论

DIV+CSS技巧发现

兼容浏览器的CSS3阴影效果

兼容浏览器的CSS3阴影效果
一. 在对于CSS3的阴影效果,很多同学都已经使用过了,如:下图的效果CSS3的代码如下:解释为:横向偏移2像素,纵向偏移3像素,模糊4像素,颜色为纯黑。模糊取值不能是负数;横向偏移为正数,则阴影在右侧,为负数,则阴影在左侧;纵向偏移为正数,则阴影在下侧,为负数,则阴影在上侧;二. 对于标准浏览器及IE9+的支持效果都很不错,但是对于IE8以……继续阅读 »

8年前 (2014-02-23) 668浏览 0评论

DIV+CSS技巧发现

css3 box-shadow投影发光效果举例说明

css3 box-shadow投影发光效果举例说明
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,已经支持box-shadow属性。firefox通过私有属性-……继续阅读 »

8年前 (2014-01-12) 788浏览 0评论

DIV+CSS技巧发现

CSS3属性和使用技巧汇总

CSS3属性和使用技巧汇总
CSS可以改进网站的设计并且开拓网站设计更多的可能性,可以令你的网页更具吸引力。对于前端开发者、网站设计师来说,掌握并熟练应用CSS是一项必不可少的技能。下面列出了一些非常实用的CSS3属性和使用技巧,希望能够为你的开发、设计工作带来一些帮助。1.  圆角效果如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的Web应用。HTML……继续阅读 »

8年前 (2013-12-26) 832浏览 0评论

DIV+CSS技巧发现

CSS3那些不为人知的高级属性

CSS3那些不为人知的高级属性
对于CSS3兼容性的支持,应该说现在基本都可以很好的运行,除非你还在使用IE6,有的开发这可能认为存在兼容,然而就放弃了使用这些高级的属性,这个呢也是因人而异,最总要的一点,还要看你用户类型,根据统计代码可以很好的知道这个数据。最伟大的财富隐藏在Webkit的下面,而且在iPhone、iPad和Android apps的时代,开始了解它们会灰常有用。就连F……继续阅读 »

8年前 (2013-11-14) 1118浏览 0评论

DIV+CSS技巧发现

让CSS3圆角兼容所有浏览器

让CSS3圆角兼容所有浏览器
解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,以后再来慢慢解决。译 :前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生……继续阅读 »

8年前 (2013-11-12) 886浏览 0评论