zakruti.com » IT - Software » freeCodeCamp.org

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

video description

Rating: 4.0; Vote: 1

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/
Date: 2022-03-14

← Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)

Maths for Programmers Tutorial - Full Course on Sets and Logic →

Related videos

Corsair, Get It Together

• Gamers Nexus

I Was Wrong About Chromebooks...

• PC World

Nano Banana vs Photoshop: A Fair Comparison

• PiXimperfect

5 Photoshop Tricks to Improve Any Portrait FAST!

• PiXimperfect

Intel's New GPU: Xe3 Architecture Changes, Handheld Gaming CPUs, & XeSS3

• Gamers Nexus

Adding Linux GPU Benchmarks: Best Distributions for Gaming Tests, ft. Wendell of Level1 Techs

• Gamers Nexus

Comments and reviews: 3

Fahad
Hi Brad, I am following this series for 2 weeks. And this is the first video that is beyond my comprehension. I couldn-t grasp it. I have a question why don-t you use predefined things like IDK how you hide the triangle parts but was it not possible by using visibility: hidden ???
This kind of questions arise when I see this video.
Kindly reply!
reply

Make
Do you have this series in a playlist? If not, that would be very helpful - thanks. :)
-Edit:- For anyone else who was wondering the playlist was placed in the video description. Thanks for your hard work freeCodeCamp.
reply

Ishan
I tried some of my understanding and tweaked code a little and it blew my mind. Not being pompous at all but the effect i got was amazing. Thanks for this BRAD !!!
reply

Add a review, comment