Neko

Kép kódja

<div align="center">
    <div class="box tape">
        <span class="image-wrap " style="position:relative; display:inline-block; background:url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1241291945_81.gif) no-repeat center center; width: 240px; height: 320px;"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1241291945_81.gif" style="opacity: 0;" /></span></div>
</div>

CSS kód

    <style type="text/css">
.tape .image-wrap {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
}

.tape .image-wrap:after {
    position: absolute;
    content: ' ';
    width: 150px; /* tapasz szélessége */
    height: 25px; /* tapasz magassága */
    top: -10px;
    left: 40%; /* tapasz balról elhelyezkedése*/
    margin-left: -50px; /* tapasz jobbról elhelyezkedése */
    border: solid 1px rgba(137,130,48,.2);

    background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(240,224,54,.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(240,224,54,.6)));
    background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(240,224,54,.6) 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);
}
-->    </style>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.