Lineargradient Css Code Example
Example 1: linear gradient css /* A gradient tilted 100 degrees, starting gray and finishing black */ .class { background : linear-gradient ( 100 deg , rgba ( 63 , 63 , 63 , 0.8 ) 0 % , rgba ( 255 , 255 , 255 , 0 ) 25 % ) ; } /* A gradient going from the bottom to top starting red and finishing orange */ .class { background : linear-gradient ( to top , #f32b60 , #ff8f1f ) ; } Example 2: linear gradient css background image background-image : url ( "IMAGE_URL" ) , linear-gradient ( #eb01a5 , #d13531 ) ; Example 3: css horizontal linear gradient background : linear-gradient ( to left , red , blue ) ; Example 4: html css background linear-gradient background : linear-gradient ( #333 , #333 50 % , #eee 100 % ) ; \\code for a basic gradient background #grad { background-image : linear-gradient ( red , yellow ) ; } Example 5: css horizontal gradient background color .foo { background-image : linear-gradient ( red , blue ) ; }