Javascript CSS3转换为DIV提供了便利
我的问题是我想让div变得模糊和活跃。我已经设法将代码扩展到div,而不是本文中的文章,但问题在于转换(如果模糊没有改变,请在javascript设置下的框架和扩展中打开addjquery>2,jsfiddle没有这样做)。我想实现第一个链接中的转换。 它们如下Javascript CSS3转换为DIV提供了便利,javascript,jquery,css,css-transitions,Javascript,Jquery,Css,Css Transitions,我的问题是我想让div变得模糊和活跃。我已经设法将代码扩展到div,而不是本文中的文章,但问题在于转换(如果模糊没有改变,请在javascript设置下的框架和扩展中打开addjquery>2,jsfiddle没有这样做)。我想实现第一个链接中的转换。 它们如下 transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; 任何帮
transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
任何帮助都将不胜感激。试试这个
.bluredDiv {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
width: 80%;
height: 80%;
transform: scale(.9);
transition: transform 1000ms;
}
.activeDiv {
transform: scale(1);
width: 80%;
height: 80%;
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1), 1px 11px 15px 10px rgba(0, 0, 0, 0.4);
z-index: 100;
transition: transform 500ms;
}
.normailDiv {
transform: scale(0);
transition: transform 1000ms , opacity 400ms ;
}
这是最新的小提琴我希望这就是你要找的