jQuery: Backstretch with Blurjs
jQuery: Backstretch with Blurjs
我正在使用Backstretch来显示我的背景图像。然后我想使用blur .js让元素模糊背景。在反向拉伸的图像上使用blur.js不起作用。我想这是因为Blur.js使用了CSS属性background-image,而Backstretch只是用。
显示图像。我如何使这两个兼容?这些插件内部的代码相当复杂。
这可能会做你需要的(不使用blurs .js)。只是给backstretch创建的div添加一些CSS模糊。
<style>
div.backstretch {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
margin: -10px; /* Added to get rid of white blur borders */
}
</style>
相关文章:
- Fighting with FRP
- issue with FB.Event.subscribe
- geolocation-marker.js conflict with markerclusterer.js
- Angular 2.0 with JavaScript or TypeScript?
- 为什么不推荐使用“with”?是否有更好或其他方法可以“下降”到对象的命名空间
- WebComponentsJS with IE10
- 指令的模板必须只有一个根元素:With restrict E&替换true
- timeago.js with datatable and PHP
- Ajax and Json with Rails
- errors with Javascript try catch
- how to split a string with ','
- Understanding Javascript scope with "var that = this&qu
- Architecture for CPU intensive tasks with NodeJS & Socke
- How to declare a Map containing certain properties with flow
- 设置'这'在React with Inverse Data Flow中
- Unit-testing multiple use cases with Karma & Mocha.js
- Modify Javascript with C#
- 谷歌地图API v3:Initial View is Fine,but Gray Box with No Map if
- Using jQuery with classes from ES6
- jQuery: Backstretch with Blurjs