Luke-Sheltraw / sp23-cse110-lab3

Lab 3 for CSE 110 @ UCSD, Spring 2023
0 stars 0 forks source link

[CSS Addition] CSS Animations #17

Open Luke-Sheltraw opened 1 year ago

Luke-Sheltraw commented 1 year ago

What is the CSS feature that needs to be included? Optionally include a CSS animation

Are there multiple ways it has to be implemented? No; optional.

Provide any examples None

Additional context N/A

UbaidullahMOmer commented 1 year ago

There are a few CSS features that could be included in your Prework Study Guide website. Some of these features include:

CSS animations can be used to add movement and interest to your website. For example, you could use an animation to make the header or footer fade in or out, or to make the boxes bounce up and down. CSS transitions can be used to create smooth transitions between different states of an element. For example, you could use a transition to make the header change color when the user hovers over it, or to make the boxes grow and shrink when the user clicks on them. CSS gradients can be used to add a gradient to the background of an element. For example, you could use a gradient to create a smooth transition between two colors, or to add a subtle pattern to the background of your website. CSS filters can be used to apply different effects to an element. For example, you could use a filter to blur the background of your website, or to add a drop shadow to the boxes. These are just a few of the many CSS features that you could use to style your Prework Study Guide website. The best way to choose which features to use is to experiment and see what looks good to you.