Title: Flying Newspaper
Type: Morning Exercise
Duration: "0:45"
Creator: Matt Huntington
Adapted by: Karolin Rafalski
Course: WDIr Hopper
Competencies: CSS Animations
Prerequisites: CSS, HTML
Original Inspiration
Karolin's Version
Start from scratch or start with starter_code
. If you are using the starter code feel free to change the text or any other elements (html and css) to suit your taste.
- Create a directory for your
flying_newspaper
in today'smorning_exercise
folder. - Create an
index.html
andmain.css
files within that folder. - Using only HTML and CSS (no JavaScript or jQuery!), make a div with a class of
newspaper
. - Add CSS animations to make it fly like the given example.
- Create a nav and make it look similar to this
or
- Create some colored
div
elements and animate each one differently
Make something you'd enjoy sharing with the class at the end of this session!