HTML background color gradient achieved through CSS

HTML background color gradient achieved through CSS
Effect screenshots:

Implementation code:

Copy code
The code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.linear{
width:100%;
height:600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
background:-moz-linear-gradient(top,#15A216,#fafafa);/*Firefox*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*Google*/
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}
</style>
</head>
<body>
<div class="linear"></div>
</body>
</html>

<<:  SQL implementation of LeetCode (175. Joining two tables)

>>:  Sample code for changing the color of a png image through a CSS3 filter

Recommend

Use of Linux bzip2 command

1. Command Introduction bzip2 is used to compress...

Solution to MySQL error code 1862 your password has expired

The blogger hasn't used MySQL for a month or ...

How to Set Shortcut Icons in Linux

Preface Creating shortcuts in Linux can open appl...

Implementation of docker view container log command

Why should we read the log? For example, if the c...

CentOS 7.6 installation of MySQL 5.7 GA version tutorial diagram

Table of contents Environment Preparation Environ...

The best solution for implementing digital plus and minus buttons with pure CSS

Preface: For the implementation of digital additi...

Implementing login page based on layui

This article example shares the specific code of ...

TypeScript decorator definition

Table of contents 1. Concept 1.1 Definition 1.2 D...

Docker image compression and optimization operations

The reason why Docker is so popular nowadays is m...

Analysis of MySQL data backup and recovery implementation methods

This article uses examples to describe how to bac...

MySQL database architecture details

Table of contents 1. MySQL Architecture 2. Networ...

Websocket+Vuex implements a real-time chat software

Table of contents Preface 1. The effect is as sho...

How to preview pdf file using pdfjs in vue

Table of contents Preface think Library directory...

How to insert pictures into HTML pages and add map index examples

1. Image formats supported on the WEB: GIF: can s...