- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Arrange two or more colors in linear formats using CSS3 Gradients
Linear gradients are used to arrange two or more colors in linear formats.
Example
You can try to run the following code to implement linear gradients in CSS3 −
<html>
<head>
<style>
#grad1 {
height: 100px;
background: -webkit-linear-gradient(pink,green);
background: -o-linear-gradient(pink,green);
background: -moz-linear-gradient(pink,green);
background: linear-gradient(pink,green);
}
</style>
</head>
<body>
<div id = "grad1">
</div>
</body>
</html>Output
Updated on 29-Jun-2020 10:16:13
- Related Questions & Answers
- CSS3 Linear gradients
- Using the CSS3 Linear and Radial Gradients
- CSS3 Radial Gradients
- CSS3 Repeat Radial Gradients
- CSS3 Multi color Gradients
- Creating CSS3 Radial Gradients
- CSS3 Transparency and Gradients
- Defining Colors in CSS3
- Setting Direction of Linear Gradients using Angles in CSS
- Creating Linear Gradients using Multiple Color Stops in CSS
- How to use angles on linear gradients using CSS
- How to repeat linear gradients with CSS
- C# program to concat two or more Lists
- Setting Column Count or Width using CSS3
- How to add two or more strings in MySQL?
Advertisements