Back to HTML and CSS projects
Top 5 Emojis
Create a top 5 list of emojis with animated emojis and an emoji background.
Start project Download lesson plan PDF
What you will learn
- how to use lists, block quotes, and links in HTML
- how to use CSS animations to make your page attract people’s attention
- Create your own CSS class that makes elements transparent so you can see a background image
What you will need
- A computer capable of accessing trinket.io
- This project can be completed in a web browser using trinket.io
Supporting material
Curriculum alignment for this project
Use this guide to see how Code Club delivers on the NDTC.
download printable version of the Version 8.4 curriculum.