HEADER ADS 728X90

How to use css Radial-Gradient Propety | CSS Tutorial | BY CodePrime

What is radial gradient in CSS?,
How do you add a radial gradient in CSS?,
How do you rotate a radial gradient in CSS?,
How do you make a radial gradient in HTML?,
css tutorial pdf,
css tutorial w3schools,
html tutorial,
css tutorial for beginners,
html, css tutorial,
css tutorialspoint,
best css tutorial,
css tutorial advanced,
css radial-gradient generator,
css gradient,
css linear-gradient,
css gradient generator,
radial-gradient css examples,
radial-gradient examples,
smooth radial-gradient css,
 codeprime, coding tutorial, how to learn coding easy way to learn coding

Hi dear welcome to "CodePrime" Blog . In this post we are going to learn how to use css radial-gradient property. First Creat A index.html file Copy This HTML CODE and pest it one your code editor. 2ndly creat style.css file Then Copy The CSS CODE and pest it then open the index.html file with your browser.

HTML CODE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>radial-Gradient-css by codeprime</title>
</head>
<body>
   
</body>
</html>

CSS CODE

body{
        width: 100%;
        height: 100vh;
        background-image:radial-gradient( red ,blue );
    }

Youtube Tutorial

FLOW US ON SOCIAL MEDIA

Post a Comment

0 Comments

Join Telegram