HTML and CSS Reference
In-Depth Information
.content {
@include box-sizing(border-box);
}
h3 {
padding: 10px 10px 0 10px;
}
.content {
padding: 10px;
}
}
}
}
Refresh your browser, and your web application should now look like Figure 8-6.
Figure 8-6. Movie block styling
You'll need to create the keyframes for the header animation. All this does is
move the poster image up and down repeatedly. We use percentages so that,
depending on the screen size, the image will move in proportion to it. Add the
following code to your SASS file.
@keyframes posteranimation {
0% { top: 0%; }
100% { top: -80%; }
}
 
Search WWH ::




Custom Search