40 lines
No EOL
947 B
CSS
40 lines
No EOL
947 B
CSS
/*
|
|
|
|
mettere l'immagine tra il div classe mag e aggiungere attibuto data-toggle="magnify" su src
|
|
<div class="mag">
|
|
<img data-toggle="magnify" src=".... ..... >
|
|
</div>
|
|
*/
|
|
|
|
|
|
.mag {
|
|
width:600px;
|
|
margin: 0 auto;
|
|
float: none;
|
|
}
|
|
|
|
.mag img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
|
|
.magnify {
|
|
position: relative;
|
|
cursor: none
|
|
}
|
|
|
|
.magnify-large {
|
|
position: absolute;
|
|
display: none;
|
|
width: 475px;
|
|
height: 475px;
|
|
|
|
-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
|
|
-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
|
|
|
|
-webkit-border-radius: 100%;
|
|
-moz-border-radius: 100%;
|
|
border-radius: 100%
|
|
} |