Open index.html in your browser to view the webpage. Maximize the browser window to use a desktop viewport. Below the gradient style rules comment, create a style rule for the gradient1 class selector and add the following declaration to specify a linear-gradient for the background: background: linear-gradient(to right, #67afcb, #1a3e4c 25%); Create a style rule for the gradient2 class selector and add a declaration to specify a linear-gradient to the left, use #d4f7ec and #448d76 for color values, and use 90% as the color stop. Create a style rule for the gradient3 class selector and add a declaration to specify a linear-gradient to the top left, and use #efddfd and #36065b for color values. Create a style rule for the gradient4 class selector and add a declaration to specify a linear-gradient that uses the following four color values: #e6e6ff #70dbdb #ffffcc #cc6699 Create a style rule for the gradient5 class selector and add the following declaration to specify a repeating linear-gradient for the background: background: repeating-linear-gradient(#df80ff 10%, #ccffff 20%); Create a style rule for the gradient6 class selector and add the following declaration to specify a linear-gradient for the background that uses transparency: background: linear-gradient(to right, rgba(0,0,153,0) 25%, rgba(0,0,153,1)); Create a style rule for the gradient7 class selector and add a declaration to specify a radial-gradient that uses the following three color values: #0000ff #fff #ff0000 Create a style rule for the gradient8 class selector and add the following declaration to specify a repeating radial-gradient for the background: background: repeating-radial-gradient index.html Gradients Exploring Gradients Linear Gradient to right at 25% Linear Gradient to left at 90% To Top Left Linear Gradient Linear Gradient, Multiple Colors Repeating Linear Gradient Gradients and Transparency Radial Gradient Repeating Radial Gradient Completed by: Student's Name

Open index.html in your browser to view the webpage. Maximize the browser window to use a desktop viewport. Below the gradient style rules comment, create a style rule for the gradient1 class selector and add the following declaration to specify a linear-gradient for the background: background: linear-gradient(to right, #67afcb, #1a3e4c 25%); Create a style rule for the gradient2 class selector and add a declaration to specify a linear-gradient to the left, use #d4f7ec and #448d76 for color values, and use 90% as the color stop. Create a style rule for the gradient3 class selector and add a declaration to specify a linear-gradient to the top left, and use #efddfd and #36065b for color values. Create a style rule for the gradient4 class selector and add a declaration to specify a linear-gradient that uses the following four color values: #e6e6ff #70dbdb #ffffcc #cc6699 Create a style rule for the gradient5 class selector and add the following declaration to specify a repeating linear-gradient for the background: background: repeating-linear-gradient(#df80ff 10%, #ccffff 20%); Create a style rule for the gradient6 class selector and add the following declaration to specify a linear-gradient for the background that uses transparency: background: linear-gradient(to right, rgba(0,0,153,0) 25%, rgba(0,0,153,1)); Create a style rule for the gradient7 class selector and add a declaration to specify a radial-gradient that uses the following three color values: #0000ff #fff #ff0000 Create a style rule for the gradient8 class selector and add the following declaration to specify a repeating radial-gradient for the background: background: repeating-radial-gradient index.html Gradients Exploring Gradients Linear Gradient to right at 25% Linear Gradient to left at 90% To Top Left Linear Gradient Linear Gradient, Multiple Colors Repeating Linear Gradient Gradients and Transparency Radial Gradient Repeating Radial Gradient Completed by: Student's Name

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Open index.html in your browser to view the webpage. Maximize the browser window to use a desktop viewport.

Below the gradient style rules comment, create a style rule for the gradient1 class selector and add the following declaration to specify a linear-gradient for the background:

background: linear-gradient(to right, #67afcb, #1a3e4c 25%);

Create a style rule for the gradient2 class selector and add a declaration to specify a linear-gradient to the left, use #d4f7ec and #448d76 for color values, and use 90% as the color stop.

Create a style rule for the gradient3 class selector and add a declaration to specify a linear-gradient to the top left, and use #efddfd and #36065b for color values.

Create a style rule for the gradient4 class selector and add a declaration to specify a linear-gradient that uses the following four color values:

#e6e6ff
#70dbdb
#ffffcc
#cc6699

Create a style rule for the gradient5 class selector and add the following declaration to specify a repeating linear-gradient for the background:

background: repeating-linear-gradient(#df80ff 10%, #ccffff 20%);

Create a style rule for the gradient6 class selector and add the following declaration to specify a linear-gradient for the background that uses transparency:

background: linear-gradient(to right, rgba(0,0,153,0) 25%, rgba(0,0,153,1));

Create a style rule for the gradient7 class selector and add a declaration to specify a radial-gradient that uses the following three color values:

#0000ff
#fff
#ff0000

Create a style rule for the gradient8 class selector and add the following declaration to specify a repeating radial-gradient for the background:

background: repeating-radial-gradient

index.html

<head>

<title>Gradients</title>

</head>

<body>

<h1>Exploring Gradients</h1>

</header>

<main>

<h3>Linear Gradient to right at 25%</h3>

</div>

<h3>Linear Gradient to left at 90%</h3>

</div>

<h3>To Top Left Linear Gradient</h3>

</div>

<h3>Linear Gradient, Multiple Colors</h3>

</div>

<h3>Repeating Linear Gradient</h3>

</div>

<h3>Gradients and Transparency</h3>

</div>

<h3>Radial Gradient</h3>

</div>

<h3>Repeating Radial Gradient</h3>

</div>

</main>

<p>Completed by: Student's Name</p>

</footer>

</div>

</body>

</html>

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.