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

标签:CSS3

DIV+CSS技巧发现

文章标题链接平滑右移效果代码

文章标题链接平滑右移效果代码
在很多的博客上看到了,鼠标过去,文章列表标题抖动右移的效果。感觉挺炫的。我试了一下。在我的博客主题上感觉不太适合,所以没有继续用。不过先收着吧,以后需要的时候也可以继续用。大家可以试试!第一种方法:jQuery加载优点:兼容所有浏览器,包括IE什么的。缺点:代码也很短,没什么缺点。jQuery(document).ready(function($)……继续阅读 »

7年前 (2014-11-18) 596浏览 0评论

DIV+CSS技巧发现

可以使用CSS3实现的图形

可以使用CSS3实现的图形
随着前端技术的不断进步,我们坚信css3能为我们做得更多,下面分享一下css3为可以为我们实现的图形汇总。建议大家使用火狐狸,谷歌,已经ie8以上的主流浏览器进行浏览。正方形长方形圆形椭圆形三角型倒三角型左三角型右三角型左上三角型右上三角型左下三角型右下三角型梯形平行四边形六角星五角星五边形……继续阅读 »

7年前 (2014-10-09) 749浏览 0评论

DIV+CSS技巧发现

使用CSS3的box-reflect属性制作倒影

使用CSS3的box-reflect属性制作倒影
box-reflect解释:css3的box-reflect属性可以实现倒影的效果,但是浏览器的支持不好(仅webkit内核的浏览器支持),网上写的在chrome、Safari、和Opera下支持,我在chrome和Opera下试验没效果(也可能我的版本低),但是也可以得出pc端的项目目前这个属性不可用(移动端没试验)。仅作为对css3的学习加以了解。1……继续阅读 »

7年前 (2014-09-23) 838浏览 0评论

DIV+CSS技巧发现

css中attr()、counter()、calc()的使用技巧

css中attr()、counter()、calc()的使用技巧
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。在CSS中用attr()显示HTML属性值attr()功能早在CSS……继续阅读 »

7年前 (2014-09-21) 656浏览 0评论