creating popup image viewer in css
Easy and simple way to create popup in css, let’s create popup for an image. Click here for demo.
Css Code
<style type=”text/css”>
.spiderpic{
position: relative;
z-index: 0;
}
.spiderpic:hover{
background-color: transparent;
z-index: 50;
}
.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: [...]
Related Articles:
-
HTML CSS Editor Mac: How to Create a Javascript Button Alert. jhdmaxx .com – Here’s... Read Full Story »
Comments
