PLAY WITH TEXT :CSS
HTML- Gradient text, Link embedded in Text, Moving Text
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="customtxt.css">
<title>CUSTOM TEXT</title>
</head>
<body>
<h1>PIZZA POINT- PIZZERIA </h1>
<h1><a href="https://guidingpoint.blogspot.com/">PIZZA POINT- PIZZERIA</a></h1>
<marquee behaviour ="scroll" direction="right">⚡⚡ This site is under construction for for some time. Please visit later. ⚡⚡ </marquee>
</body>
</html>
GRADIENT AND MOVING TEXT CSS
body {
background: white;
}
h1 {
position: static;
top: 40%;
left: 40%;
font-size: 40px;
font-family: Arial,
Helvetica, sans-serif;
text-align: center;
background: linear-gradient(
to right,yellow, blue,#f32170,
#cf23cf, #eedd44);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
marquee {
font-family: sans-serif; font-style: italic; color: red; border: yellow SOLID 5px;
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="customtxt.css">
<title>CUSTOM TEXT</title>
</head>
<body>
<h1>PIZZA POINT- PIZZERIA </h1>
<h1><a href="https://guidingpoint.blogspot.com/">PIZZA POINT- PIZZERIA</a></h1>
<marquee behaviour ="scroll" direction="right">⚡⚡ This site is under construction for for some time. Please visit later. ⚡⚡ </marquee>
</body>
</html>
GRADIENT AND MOVING TEXT CSS
body {
background: white;
}
h1 {
position: static;
top: 40%;
left: 40%;
font-size: 40px;
font-family: Arial,
Helvetica, sans-serif;
text-align: center;
background: linear-gradient(
to right,yellow, blue,#f32170,
#cf23cf, #eedd44);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
marquee {
font-family: sans-serif; font-style: italic; color: red; border: yellow SOLID 5px;
}
posted by Vikas Singh @ July 01, 2020
0 Comments
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home