<style type="text/css">
.csere { /* cseredoboz */
margin: 0 auto;
text-align: center;
}
.csere a img { /* csereképek */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(0%)!important; /* mérték megadható */
-moz-filter: grayscale(0%)!important; /* mérték megadható */
-ms-filter: grayscale(0%)!important; /* mérték megadható */
-o-filter: grayscale(0%)!important; /* mérték megadható */
filter: none!important;
-webkit-filter: grayscale(0%)!important; /* mérték megadható */
padding: 3px;
background-color: #ffffff !important;
border: 1px solid #eeeeee !important;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.csere a img:hover { /* csereképek ha rávisszük az egeret */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(100%)!important; /* mérték megadható */
-moz-filter: grayscale(100%)!important; /* mérték megadható */
-ms-filter: grayscale(100%)!important; /* mérték megadható */
-o-filter: grayscale(100%)!important; /* mérték megadható */
filter: gray!important;
-webkit-filter: grayscale(100%)!important; /* mérték megadható */
padding: 3px;
background-color: #ffffff !important;
border: 1px solid #cdcdcd !important;
}
a.cserek {
position: relative;
display: inline;
}
a.cserek span { /* a láthatatlan buborék tartalma */
position: absolute;
width: 120px;
color: #ffffff;
background: rgba(0,0,0,0.8);
border: 1px solid #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
bottom: 10px;
margin-left: -76px;
left: 50%;
opacity: .3;
filter: alpha(opacity=10);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
a:hover.cserek span {
visibility: visible;
opacity: 1;
bottom: 78px; /* buborék függőleges helyzete */
left: 50%;
margin-left: -76px;
z-index: 999;
}
</style>
<div class="csere">
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 0px; margin-right: 2px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 2px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 2px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 0px;" /><span>JégVirág Design</span></a><br />
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px 4px 0px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px;" /> <span>JégVirág Design</span></a>
<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 0px 4px 2px;" /> <span>JégVirág Design</span></a></div>