Techniques for Web Development with HTML5 and CSS3

Overview

“The animations in CSS are designed to add movement and progressive changes in the elements of our page. In this lesson we will see some of its most common uses and its potential.”

In this video lesson Marta Armada addresses the topic: Animations, which is part of the Domestika online course: Techniques for Web Development with HTML5 and CSS3. Optimize your websites with new techniques for programming and layout.

Partial transcription of the video

“Although CSS isn't an animation tool. in this lesson. we'll see how we can add movement to enrich our interactions. To animate an element. the initial step is to define or declare the animation in our CSS using the Keyframes rule. This is crucial for creating animations. This rule is written with an at symbol followed by the word Keyframes and then the name assigned to the animation. In this case. it’s called My Animation. but it could be named anything. Next. we place the animation's steps or instructions within braces to define its sequence and behavior. In its most basic form. we define ...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Techniques for Web Development with HTML5 and CSS3

• Level: Intermediate
• 98% positive reviews (332)
• 8674 students
• 9 units
• 29 lessons (2h 14m)
• 8 downloads

• Category

  Web & App Design

• Areas

  CSS, HTML, Information Design, IT, Programming, UX / UI, Web Design, Web Development