分享一个CSS3和jQuery实现的模糊显示效果 - 帮助你的访问用户更好的阅读内容

为什么80%的码农都做不了架构师？>>>

日期：2011/12/20 来源：GBin1.com

在线演示本地下载

这个教程将实现一个页面部分内容突出显示效果，大家可能经常见到一些页面组成内容比较多，可能会分散用户的关注点，使用部分内容突出显示，而模糊其它内容会使得用户能够比较专著的阅读页面中自己关心或者感兴趣的内容，今天这个突出内容显示效果就是为了解决这个问题而设计的。

在这个教程中，我们使用了CSS3的transition属性，所以你需要使用现代浏览器来浏览效果，比如：Safari和Chrome。

转载于:https://my.oschina.net/gbin1/blog/37457

分享一个CSS3和jQuery实现的模糊显示效果 - 帮助你的访问用户更好的阅读内容相关推荐

分享一个CSS3的网格系统架构 - ResponsiveAeon
日期:2012-7-30 来源:GBin1.com 在线演示本地下载曾经介绍过其它类型的CSS3网格系统,今天我们介绍一款能够帮助你快速创建基于HTML5/CSS3的响应式布局框架 - Res ...
分享一个旋钮插件 jquery.knob.js 新增change事件中回调返回值功能以及阻止冒泡事件
本来都要休息了还是打开github,解决了线上一个插件的兼容性. 看来今晚能睡的比较踏实了! 插件介绍 jquery-knob是我用到的UI设计比较清新的旋钮插件之一,应用灵活,体积小,功能强大. 图 ...
php动画缩放,分享一个CSS3圆圈放大缩小循环动画的效果代码
CSS3圆圈动画放大缩小循环动画效果,特效简单又漂亮,看着听不错的,感兴趣的朋友们可以来看一下代码如下: CSS3圆圈动画放大缩小循环动画效果 .dot { margin:150px auto; w ...
分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
为什么80%的码农都做不了架构师?>>> 日期:2012-5-6 来源:GBin1.com 在线演示本地下载触摸设备越来越流行了,很多互联网用户都使用ipad等平板电脑 ...
分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa
在线演示本地下载今天我们分享一个超棒的在线jQuery mobile原型设计开发工具:Codiqa,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应 ...
分享一个非常有用的HTML5+CSS3响应式图片案例
随着Retina屏幕的逐渐普及,网页中对图片的适配要求也越来越高.如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在 CSS3 与 HTML5 已经着力在改变这种 ...
【HTML5示例代码分享】基于CSS3和jQuery的相片墙效果
一款基于CSS3和jQuery的相片墙,效果非常酷.支持鼠标滚轮退出当前图片. UDE 模拟调试效果图: 附××× 转载于:https://blog.51cto.com/cmccude/1272181
【HTML5示例代码分享】基于CSS3和jQuery的相片墙-ImageWall
基于CSS3和jQuery的相片墙,非常酷. 支持鼠标滚轮退出当前图片. 源码下载 http://download.csdn.net/detail/cmcc_ude/5926477 感兴趣的童鞋可 ...
分享一个帮助用户全屏阅读的jQuery插件 - jQuery fullscreen
在线演示在线下载今天介绍一款帮助网站提高用户体验的jQuery插件 - jQuery fullscreen,它能够帮助网站实现针对阅读内容的全屏显示功能. 这个插件基于Full Screen A ...

分享一个CSS3和jQuery实现的模糊显示效果 - 帮助你的访问用户更好的阅读内容

分享一个CSS3和jQuery实现的模糊显示效果 - 帮助你的访问用户更好的阅读内容相关推荐

最新文章

热门文章