css特效
介绍两种css 特效
1,模糊滤镜
先看效果:
通过添加css 类实现:
.ui-modal-mask-blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); }
js代码:
弹出对话框时增加滤镜:
if (arguments.length > 2 && showOverlay) { $cboxOverlay.height($(document).height()); $("div.controller2").addClass('ui-modal-mask-blur'); $cboxOverlay.show(); }
移除"模糊滤镜":
var hideCboxOverlay = function () { $cboxOverlay.hide(); var $controller2 = $('div.controller2'); if ($controller2.hasClass('ui-modal-mask-blur')) { $controller2.removeClass('ui-modal-mask-blur'); } }
2,模糊边框
先看效果
css样式:
div.shadow { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=143, Color=#EA4748)"; /*IE 8*/ -moz-box-shadow: 4px 3px 10px #EA4748; /*FF 3.5+*/ -webkit-box-shadow: 4px 3px 10px #EA4748; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 4px 3px 10px #EA4748; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#EA4748); /*IE 5.5-7*/ }
相关推荐
CSS特效代码生成器CSS特效代码生成器CSS特效代码生成器
CSS酷站 CSS特效 华丽CSS CSS精美示例
CSS特效赏析CSS特效赏析CSS特效赏析CSS特效赏析CSS特效赏析CSS特效赏析CSS特效赏析
8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的...
8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效源码合集 8和CSS特效...
CSS 特效 CSS 特效 CSS 特效 CSS 特效 CSS 特效 CSS 特效 CSS 特效 CSS 特效
拓展流行的css特效
超酷css特效代码集锦,学习css的赶快下吧
淘宝店铺CSS特效代码合集种特效,用于店铺的装修实现各种特殊效果。
CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...
CSS 特效、实例、供大家学习。 应大家要求,把下载资源分由5分改为0分!
网页特效大全JS特效,html特效,CSS特效,FLASH特效.mht
淘宝网店装修过程中用得最多的几十款CSS特效装修模版代码 安装方便 免费使用 新手不会网店装修的可以过来看看 很实用的哟
html_CSS特效(居家旅行必备之良品)
这是几款不错的css特效(有导航栏的放大特效,实现选项卡,图片提示,实现图片震动,模拟win8 web ui效果)
一个不错的css特效制作软件 直观化的界面 淡入淡出。x射线效果等 有下的自己看看吧
打开关闭层并支持层拖动的JS+CSS特效。
css特效之登陆邮箱.htmcss特效之登陆邮箱.htm