VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)

Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Create an information accordion with only CSS3! --Files you need -- -Accordion Code: https://www.dropbox.com/sh/l9mbthihrcx0cba/AACzoWnmg8vB4f9WKQAmsg1Ka?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 23 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

Comments and reviews: 6


Thank you, me and my wife are learning HTML and CSS and I've done all of the videos that I thought was interesting features, followed you example and applied it in creating my own dummy websites and this is amazing! Please keep doing what your doing!
reply

i have found another way to dove it man
like following example:
html:
cat
cat say meaw
css:
#cat-
display:none;
-
.cat-def-
height:0px;
transition:.5s;
-
#cat:active + .cat-def-
height:30px;
-

reply

Problem with this code on both Firefox and Chrome (didn't test in MS browsers): when you click on an accordion item, page display jumps to bottom.
reply

Hi, how to do the same but without fixed height? transition disappears, when i write height auto, i have different height of each block
reply

This is an awesome tutorial about CSS3. I have being learning more s about using some new cool CSS3 features. THANKS FOR THE SERIES
reply

I've got a few questions: why do you select the p tag if you're using BEM? And why are you using a 5px grid instead of 4px?
reply
Add a review, comment






Other channel videos