- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
CSS3 Left to right Gradient
You can try to run the following code to implement left to right gradient in CSS3
Example
<html>
<head>
<style>
#grad1 {
height: 100px;
background: -webkit-linear-gradient(left, red , blue);
background: -o-linear-gradient(right, red, blue);
background: -moz-linear-gradient(right, red, blue);
background: linear-gradient(to right, red , blue);
}
</style>
</head>
<body>
<div id = "grad1"></div>
</body>
</html>
- Related Articles
- CSS3 Diagonal Gradient
- CSS3 top to bottom Gradient
- Simplify \( \left[\left\{\left(\frac{1}{2}\right)^{2}\right\}^{-2}\right]^{-2} \).
- Simplify:(i) \( \left\{\left(\frac{1}{3}\right)^{-3}-\left(\frac{1}{2}\right)^{-3}\right\} \div\left(\frac{1}{4}\right)^{-3} \)(ii) \( \left(3^{2}-2^{2}\right) \times\left(\frac{2}{3}\right)^{-3} \)(iii) \( \left\{\left(\frac{1}{2}\right)^{-1} \times(-4)^{-1}\right\}^{-1} \)(iv) \( \left[\left\{\left(\frac{-1}{4}\right)^{2}\right\}^{-2}\right]^{-1} \)(v) \( \left\{\left(\frac{2}{3}\right)^{2}\right\}^{3} \times\left(\frac{1}{3}\right)^{-4} \times 3^{-1} \times 6^{-1} \)
- How to handle right-to-left and left-to-right swipe gestures on Android?
- Moving left animation with keyframes using CSS3
- How to handle right-to-left and left-to-right swipe gestures on iOS App?
- Simplify:\( \left[\left(\frac{1}{3}\right)^{-1}-\left(\frac{2}{5}\right)^{-1}\right]^{-2} \div\left(\frac{3}{4}\right)^{-3} \)
- Simplify:(i) \( \left(3^{2}+2^{2}\right) \times\left(\frac{1}{2}\right)^{3} \)(ii) \( \left(3^{2}-2^{2}\right) \times\left(\frac{2}{3}\right)^{-3} \)(iii) \( \left[\left(\frac{1}{3}\right)^{-3}-\left(\frac{1}{2}\right)^{-3}\right] \div\left(\frac{1}{4}\right)^{-3} \)(iv) \( \left(2^{2}+3^{2}-4^{2}\right) \div\left(\frac{3}{2}\right)^{2} \)
- Simplify:\( \left\{\left(\frac{3}{7}\right)^{-2}\right\}^{-3} \div\left(\frac{-9}{49}\right)^{2} \)
- Print a matrix in alternate manner (left to right then right to left) in C++
- If \( \left(\frac{a}{b}\right)=\left(\frac{5}{2}\right)^{-3} \times\left(\frac{8}{15}\right)^{-3} \) then \( \left(\frac{a}{b}\right)^{-2} \) is equal to
- Simplify:$\left[\left(\frac{-2}{5}\right)^{3}\right]^{4}$
- How to handle right-to-left and left-to-right swipe gestures on Android using Kotlin?
- Find $x$, if(i) \( \left(\frac{1}{4}\right)^{-4} \times\left(\frac{1}{4}\right)^{-8}=\left(\frac{1}{4}\right)^{-4 x} \)(ii) \( \left(\frac{-1}{2}\right)^{-19}\div\left(\frac{-1}{2}\right)^{8}=\left(\frac{-1}{2}\right)^{-2 x+1} \)(iii) \( \left(\frac{3}{2}\right)^{-3} \times\left(\frac{3}{2}\right)^{5}=\left(\frac{3}{2}\right)^{2 x+1} \)(iv) \( \left(\frac{2}{5}\right)^{-3} \times\left(\frac{2}{5}\right)^{15}=\left(\frac{2}{5}\right)^{2+3 x} \)(v) \( \left(\frac{5}{4}\right)^{-x}\div\left(\frac{5}{4}\right)^{-4}=\left(\frac{5}{4}\right)^{5} \)(vi) \( \left(\frac{8}{3}\right)^{2 x+1} \times\left(\frac{8}{3}\right)^{5}=\left(\frac{8}{3}\right)^{x+2} \)
Advertisements