Hello! I am doing 30 css challenges for practice. These challenges are based on the 30 days CSS challenge from Milena Carecho. My goal is to train some code and learn new skills.
Clone this project on your computer, navigate to the folder you want, just type start index.html
and you can see the challenge result.
Skills:
- Create layers using span tag;
- Hover;
- nth-child();
- 2D and 3D transform property;
- Opacity / Transparency;
Skills:
- Animations;
Skills:
- Css Overflow;
- Animations;
Skills:
- ::hover, ::before, ::after;
- Transitions;
Skills:
- Transformations;
- Animations;
Skills:
- nth-child();
- Animations;
Skills:
- nth-child();
- Animations;
Skills:
- nth-child();
- ::before, ::after;
- Animations;
Skills:
- first-child, last-child;
- Animations;
- ::before, ::after;
Skills:
- Animations;
- ::before;
- Gradient background;
Skills:
- z-index;
- Animations;
- ::before, ::hover
- transitions;
Skills:
- transform, transition;
- ::before, ::hover;
Skills:
- animations;
- nth-child();
Skills:
- background clip;
- animations;
Skills:
- transform, animation;
Skills:
- transform, transition;
- ::before, ::hover;
Skills:
- animations;
Skills:
- :hover;
- nth-child();
- transform;
Skills:
- Css variables;
- nth-child();
- transform;
Skills:
- ::hover, ::before;
- transform, transition;
Skills:
- nth-child();
- animations;
Skills:
- ::before, ::after, ::hover;
- animations;
Skills:
- ::hover;
- transform;
Skills:
- nth-child();
- animations;
Skills:
- ::before;
- animations;
Skills:
- ::before, ::after;
- animations;
Skills:
- ::before, ::after;
- animations;
Skills:
- animations;
Skills:
- nth-child();
- ::before, ::after;
- animations;
Skills:
- transform;