just wonder if i'm on the right track...and maybe some help referring to this question CSS Animation onClick
$(#alpha).onClick(function({
$('#alpha').addClass('.blowup');});
.blowup {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
this isn't working -> http://jsfiddle.net/HQjMc/50/ something with z-index? i do have an a href onclick overlay that doesn't seem to affect the target iframe...thanks
Here is a CSS only solution:
<div id='alpha'>
<iframe src="http://time.is"></iframe>
</div>
#alpha {
opacity:0.38;
filter:alpha(opacity=38);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transform:scale(0.25);
-moz-transform-origin:0 0;
-o-transform:scale(0.25);
-o-transform-origin:0 0;
-webkit-transform:scale(0.25);
-webkit-transform-origin:0 0
}
#alpha:hover {
opacity:0.38;
filter:alpha(opacity=38);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
#alpha > iframe {
positon:fixed;
zoom:1;
}
the fiddle
ps: this will not work on internet explorer
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.