CSS Animation This assignment will require you to experiment with CSS animations and transitions Your assignment is meant more as a testing ground sandbox so you dont need to be concerned with aesthetics and layouts like with previous assignments So the finished product can be a collection of tags with different effects A finished assignment will feature the following 1 Examples of Transitions Examples include wrapping an element in a border on hover, changing dimensions, position, colors, text size, etc Transitions will be timed and triggered on hover 2 Examples of a timed animation Using the keyframes property 1 of the examples will be set to so that the animation plays continuously on page load 1 of the examples will use the hover state as the trigger 1 example of a gradient background Examples are included in the lecture notes

The Answer is in the image, click to view ...

Question: CSS Animation This assignment will require you to experiment with CSS animations and transitions. Your assignment is meant more as a testing ground/sandbox so you

CSS Animation

This assignment will require you to experiment with CSS animations and transitions.

Your assignment is meant more as a testing ground/sandbox so you dont need to be concerned with aesthetics and layouts like with previous assignments. So the finished product can be a collection of

tags with different effects. A finished assignment will feature the following.

1 Examples of Transitions
- Examples include wrapping an element in a border on hover, changing dimensions, position, colors, text size, etc.
- Transitions will be timed and triggered on hover

2 Examples of a timed animation
- Using the @keyframes property
- 1 of the examples will be set to so that the animation plays continuously on page load
- 1 of the examples will use the hover state as the trigger

1 example of a gradient background
- Examples are included in the lecture notes

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Using HTML/CSS and JavaScript, please help me with this. PLEASE put your CODE: Thank You! PLEASE provide your CODE!!! The page will follow the header/main/footer format that we previously used. A nav...

The Cat (Cathine's) and Dong (Donald's) Caf main menu showing the homepage Basic Specification - The Index Page: 1. Build a three-column navigation menu which serves as the index page (index.html)...

You will make a web site that consists of 2 different HTML files and 1 CSS file. The files will be named index.html, page2.html, and assign1.css. Please note the case of these files, Index.html is...

Task I: - Planning & Designing 1 - Multimedia Integration: Create a webpage using HTML and CSS that includes multimedia elements such as images, videos, and audio files. Ensure proper formatting and...

Assignment 2 Information City Coffee House City Coffee House Home Menu Events Event Registration Relax at City Coffee Friendly and eclectic - City Coffee House is the perfect place to take a break,...

Assignment Directions On your computer, within the ITE 1 7 0 / Animation folder, create a folder called this: CSS Animation. You will be saving your files there. Do not zip your files. You are going...

Part D-A Flexbox Login Form Write the necessary HTML and CSS to produce the centered modal style login in the pictures below. Information you need to complete part C includes: Color Codes o Blue...

Externally Linked CSS and Site Navigation Overview Imagine that you have to change the font size for a headline in your Web site. No problem, right? Just go in and change the font size property on...

Mexico discovers huge reserves of oil and starts exporting oil to the United States. How would this affect the nominal Peso-US dollar exchange rate?

Consider the cascade of two tanks of brine shown in the figure below, with V = 110 gallons and V = 194 gallons being the volumes of brine in the two tanks. Each tank also initially contains 47 lb of...

1 ( 4 pts ) did her husband, Lucas, believe that they will need $ 1 , 5 0 0 , 0 0 0 to comfortably retire in 3 5 years. Lisa ave this amount by making month end deposits in various investment...

8:37 * N. 80% i ... OBJECTIVES: Create relationships Create a Pivot Table from Related Tables Create a PivotChart Modify the PivotChart The major section in this chapter :ontinuation is: Data...

Universal health care in Bismarck countries emphasizes equity of care for all individuals, regardless of social and economic circumstances. The sale of private supplemental insurance is prohibited.

3-48. PLANNING: OUTLINING YOUR CONTENT [LO-5] A writer is working on an insurance information brochure and is having trouble grouping the ideas logically into an outline. Prepare the outline, paying...

3-46. PLANNING: LIMITING YOUR SCOPE [LO-5] Suppose you are preparing to recommend that top management install a new heating system that uses the cogeneration process. The following information is in...