HTML and CSS Reference
In-Depth Information
@charset "UTF-8";
body {
margin: 25px 0;
padding:0px;
background:url(../bilder/holz.jpg);
text-align:center;
}
.polaroid-rahmen {
border: 15px solid #fff;
border-bottom-width: 60px;
background-color:#000;
width:240px;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-transition: all 1s ease-in-out;
margin: -800px auto;
}
.polaroid-rahmen.sichtbar {
margin-top: 0;
}
.flickr-bild {
width:240px;
height:240px;
background-color:#f8f8f8;
background-size:cover;
opacity:0;
-webkit-transition: all 1s ease-in-out;
}
.flickr-bild.sichtbar {
opacity:1;
}
footer {
position: absolute;
left: 0; right: 0;
bottom: 0;
}
button {
-webkit-appearance: none;
border-radius: 4px;
border: 1px solid #fc8e3d;
background-color: #f66800;
background-image: -webkit-gradient(linear, left top, left bottom,
6
Search WWH ::
Custom Search