HTML background color gradient effect achieved through CSS style

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>

A new CSS image replacement technique (background display and text moving off screen) to say goodbye to 9999px

Blog

HTML background color gradient effect achieved through CSS style

Detailed explanation of webpage screenshot function in Vue

Example of Vue implementing fixed bottom component

A new CSS image replacement technique (background display and text moving off screen) to say goodbye to 9999px

How to use anti-shake and throttling in Vue

JS realizes the scrolling effect of announcement online

Linux swap partition (detailed explanation)

MySql Group By implements grouping of multiple fields

Solution to the problem that the MySQL database cannot be accessed by other IP addresses

Disabled values that cannot be entered cannot be passed to the action layer

Vue simulates the shopping cart settlement function

Recommend

MySQL 5.7.18 version free installation configuration tutorial

MySQL 5.7.23 version installation tutorial and configuration method

MySQL quickly obtains the table instance code without primary key in the library

Docker packages the local image and restores it to other machines

Detailed explanation of JS array methods

Ubuntu 18.04 MySQL 8.0 installation and configuration method graphic tutorial

How to configure nginx+php+mysql in docker

js regular expression lookahead and lookbehind and non-capturing grouping

JavaScript to achieve JD.com flash sale effect

Detailed steps to store emoji expressions in MySQL

MySQL 5.7.17 zip installation and configuration tutorial Solution to MySQL startup failure

Detailed explanation of the usage of MySQL data type DECIMAL

Detailed introduction to deploying k8s cluster on centos7 system

vue.js downloads pictures according to picture url

Ideas and codes for implementing waterfall flow layout in uniapp applet