Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=bWD78tLk8Io


Duration: 13:00
13,407 views
314

Create a small triangle that, once hovered over, animates into a pyramid comprised of several shapes!

⭐️Files you need ⭐️
💻Animated Pyramid Code: https://www.dropbox.com/sh/08z0v44j58lq16e/AABPsJafJJwbj9q_xwPYzFNAa?dl=0
💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0

This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU

CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-10-07CSS Only Dropdown Menu: CSS Tutorial (Day 27 of CSS3 in 30 Days)
2018-10-063d Layer Effect: CSS Tutorial (Day 26 of CSS3 in 30 Days)
2018-10-05Sliding Panels: CSS Tutorial (Day 25 of CSS3 in 30 Days)
2018-10-05GraphQL Server Intermediate Tutorial - Boilerplate with Typescript, PostgreSQL, and Redis
2018-10-04@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)
2018-10-03Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)
2018-10-03How To Write User Stories, Epics, & Personas - Dev Life
2018-10-02Flexbox Layouts: CSS Tutorial (Day 22 of CSS3 in 30 Days)
2018-10-01Spinners: CSS Tutorial (Day 21 of CSS3 in 30 Days)
2018-10-01Maths for Programmers Tutorial - Full Course on Sets and Logic
2018-09-30Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)
2018-09-29Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)
2018-09-28Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)
2018-09-282018 Top Contributor Party in Dublin - Highlights and Interviews
2018-09-27Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)
2018-09-27React Project Post Launch Recap with Q&A (P5D99) - Live Coding with Jesse
2018-09-27Natural Language Processing (NLP) Tutorial with Python & NLTK
2018-09-27How to Speak the Language of Application Architecture
2018-09-26Modal Window: CSS Tutorial (Day 16 of CSS3 in 30 Days)
2018-09-26Using Parcel Bundler with React
2018-09-26Get Productive with Python in Visual Studio Code


Tags:
css
pacman
css tutorial
css animation
sticky footer
css course
css tutorial for beginners
css3
text effects
typography
css3 tutorial
css3 in 30 days
style buttons
style buttons css
learn css
image manipulation
image manipulation css
pricing table css
footer
animation