Text-Shadow

Developer
Mayur Elbhar
Size
2,067 Kb
Views
12,144
  1. Text-Shadow Previews
  2. Text-Shadow HTML Codes
  3. Text-Shadow CSS Codes
  4. Text-Shadow JS Codes

How do I make an text-shadow?

What is a text-shadow? How do you make a text-shadow? This script and codes were developed by Mayur Elbhar on 31 October 2022, Monday.

Text-Shadow Previews
IQ Test

Text-Shadow - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Text-Shadow</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="circle"></div> <h1><span>Play</span><br/><span>at</span><br/><span>Your</span><br/><span>own</span><br/><span>Risk</span></h1> <script src="js/index.js"></script>
</body>
</html>

Text-Shadow - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Lobster);
body { background: #A0CBA4; font-family: 'Lobster', cursive;
}
.circle { margin: auto; height: 300px; width: 300px; border-radius: 100%; background: #4E8953; margin-top: 150px;
}
h1 { color: #D5E2D6; text-align: center; line-height: 50px; margin-top: -350px; -moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
-ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg);
transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(1deg) skewY(1deg); /*-----------------------*/ text-shadow: 1px 1px #4A744D, 2px 2px #4A744D, 3px 3px #4A744D, 4px 4px #4A744D, 5px 5px #4A744D, 6px 6px #4A744D, 7px 7px #4A744D, 8px 8px #4A744D, 9px 9px #4A744D, 10px 10px #4A744D, 11px 11px #4A744D, 12px 12px #4A744D, 13px 13px #4A744D, 14px 14px #4A744D, 15px 15px #4A744D, 16px 16px #4A744D, 17px 17px #4A744D, 18px 18px #4A744D, 19px 19px #4A744D, 20px 20px #4A744D, 21px 21px #4A744D, 22px 22px #4A744D, 23px 23px #4A744D, 24px 24px #4A744D, 25px 25px #4A744D, 26px 26px 6px #06520C;
}
span:nth-child(3), span:nth-child(7) {
font-size: 60px;
}
span:nth-child(1), span:nth-child(9), span:nth-child(5) { font-size: 110px;
}

Text-Shadow - Script Codes JS Codes

/*http://media-cache-ak0.pinimg.com/236x/80/46/15/80461540f22137b141bd314a47fdafc4.jpg*/
Text-Shadow - Script Codes
Text-Shadow - Script Codes
Home Page Home
Developer Mayur Elbhar
Username mayurelbhar
Uploaded October 31, 2022
Rating 4.5
Size 2,067 Kb
Views 12,144
Do you need developer help for Text-Shadow?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Mayur Elbhar (mayurelbhar) Script Codes
Name
Buttons with Google material design icons.
A simple log in form made with css
Social Media Icons
FLAT UI ELEMENTS
Contact US Form
Hamburger menu prototypes
Website Layout 1
SAMSUNG PHONE MOCKUP
Typography Experiment
Website Layout
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!