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>

Implementation of the function of the vue circular percentage progress bar component

Blog

HTML background color gradient achieved through CSS

Comparative Analysis of MySQL Binlog Log Processing Tools

Disable input text box input implementation properties

Linux CentOS6.5 yum install mysql5.6

Ubuntu starts the SSH service remote login operation

MySQL uses UNIQUE to implement non-duplicate data insertion

How to install ElasticSearch on Docker in one article

Implementation of the function of the vue circular percentage progress bar component

mySql SQL query operation on statistical quantity

CocosCreator Typescript makes Tetris game

Solve the problem that the docker container cannot ping the external network

Recommend

Detailed explanation of how to clear a few pixels of blank space under an image using CSS

How to make your own native JavaScript router

JS realizes the automatic playback effect of pictures

MySQL 8.0.19 winx64 installation tutorial and change the initial password under Windows 10

Detailed explanation of deploying MySQL using Docker (data persistence)

How to write beautiful HTML code

How to implement Svelte's Defer Transition in Vue

MySQL installation and configuration methods and precautions under Windows platform

A simple way to achieve scrolling effect with HTML tag marquee (must read)

How to use HTML+CSS to create TG-vision homepage

React passes parameters in several ways

JavaScript canvas to load pictures

Sample code for generating QR code using js

Ten Experiences in Presenting Chinese Web Content

JS implements city list effect based on VUE component