- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- 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
- Related Articles
- 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
- Setting Column Count or Width using CSS3
- Finding LCM of more than two (or array) numbers without using GCD in C++
- How to add two or more strings in MySQL?

Advertisements