Wappen in per CSS animiertem Bild einfügen 1
Hallo,
ich habe mir von der Seite http://littlesnippets.net/ein Schnipsel geholt und möchte ihn bei mir auf der Seite einbinden.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
figure{
font-family: 'Tahoma', Arial, sans-serif;
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
width: 235px;
height: 300px;
color: red;
text-align: left;
background-color: #f89406;
font-size: 16px;
}
figure img {
width: 100%;
box-sizing: border-box;
transition: all 0.35s ease;
transition-delay: 0.2s;
backface-visibility: hidden;
}
figcaption {
position:absolute;
top: 30%;
left: 0;
transform: scale(0.5);
transform-origin: 50% 0%;
z-index: 0;
opacity: 0;
padding: 0 30px;
}
figure:hover>figcaption{
width:80%;
height:auto;