Create profile animations with CSS

Hi Guys!

WELCOME TO THE COURSE  "Create profile animations with CSS"

This course is divided in 5 Sections:

1. Introduction

2. Grayscale grid

3. Gradient containers grid

4. Bubble containers grid

5. Sliding background text

In this course you will be learning the following:

- How to create different types of grids with 6 and 10 containers

- How to add a diagonal and horizontal linear gradient to your template background or containers.

- How to add a transition and animation to the containers when hovering on them.

- How to set up a time for the transition.

- How to add a transformation property when hover on the containers.

- How to hide in the start a section of the container and display it when hover.

- How to add a bigger scale for the containers.

- How to add a position for the different elements like images and text

- How to add background text that slides to the right side or left side of the template continuously.

- How to add a filter to your containers.

- How to use the Rotate property to create a transition

and more...

HTML

Add text, titles, paragraphs, brackets, add class to the tags and use the center tag.

CSS

Overflow, transform, transition, position, display, border-radius, z-index, animation, float, margin, padding, filter, justify-content, keyframes and more...

THIS COURSE IS AIM TO BEGINNERS & INTERMEDIATE PROGRAMMERS, WEB DESIGNER, WEB DEVELOPERS.

All the code is made under the html File including the Css Code.

NOT JAVASCRIPT IS USED IN THE COURSE.

A zip file is attached in the section "resources" on the last section of the course.