Virgonc design - G-Portál

AJÁNLOM AZ OLDALT

Blog-Frissítések-Fõoldal

proba3

JégVirág Design

.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;

margin: 2px;

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: 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;

margin: 2px;

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: 60px; /* doboz szélessége */

color: #ffffff;

background: rgba(0,0,0,0.5);

border: 1px solid #000000;

height: 60px; /* doboz magassága */

line-height: 30px;

text-align: center;

visibility: hidden;

bottom: 30px;

margin-left: -32px;

left: 50%;

opacity: .1;

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: 13px; /* buborék függõleges helyzete */

left: 50%;

margin-left: -32px;

z-index: 999;

}

</style>

<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: 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 0px 4px 2px;" /> <span>JégVirág Design</span></a></div>