REVOLUTION = LOVE

Developer
Ludvig Lindblom
Size
2,430 Kb
Views
44,528
  1. REVOLUTION = LOVE Previews
  2. REVOLUTION = LOVE HTML Codes
  3. REVOLUTION = LOVE CSS Codes

How do I make an revolution = love?

What is a revolution = love? How do you make a revolution = love? This script and codes were developed by Ludvig Lindblom on 25 July 2022, Monday.

REVOLUTION = LOVE Previews
IQ Test

REVOLUTION = LOVE - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>REVOLUTION = LOVE</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
html { height: 100%; padding: 0;
}
body { min-height: 100%; background: #7f8c8d; color: #ecf0f1; margin: 0; padding: 0;
}
h1 { font-family: 'Open Sans', Sans-serif; font-size: 80px; font-weight: 800; line-height: 3; text-align: center; text-transform: uppercase; text-shadow: 6px 6px 0px rgba(0,0,0,0.2); margin: 0; padding: 0;
}
h1 em { display: inline-block; font-style: normal;
}
h1 span { display: inline-block;
}
h1 em { animation-name: em-anim; animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
h1 span { animation-name: span-anim; animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
@keyframes em-anim { 20% { color: inherit; transform: rotate(0); } 40% { color: #c0392b; transform: rotate(-3deg); } 80% { color: #c0392b; transform: rotate(-3deg); }
}
@keyframes span-anim { 20% { transform: none; text-shadow: 6px 6px 0px rgba(0,0,0,0.2); } 40% { transform: scaleX(-1); text-shadow: -6px 6px 0px rgba(0,0,0,0.2); } 80% { transform: scaleX(-1); text-shadow: -6px 6px 0px rgba(0,0,0,0.2); }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <h1>R<em><span>e</span>vo<span>l</span></em>ution</h1>
</body>
</html>

REVOLUTION = LOVE - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
html { height: 100%; padding: 0;
}
body { min-height: 100%; background: #7f8c8d; color: #ecf0f1; margin: 0; padding: 0;
}
h1 { font-family: 'Open Sans', Sans-serif; font-size: 80px; font-weight: 800; line-height: 3; text-align: center; text-transform: uppercase; text-shadow: 6px 6px 0px rgba(0,0,0,0.2); margin: 0; padding: 0;
}
h1 em { display: inline-block; font-style: normal;
}
h1 span { display: inline-block;
}
h1 em { animation-name: em-anim; animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
h1 span { animation-name: span-anim; animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
@keyframes em-anim { 20% { color: inherit; transform: rotate(0); } 40% { color: #c0392b; transform: rotate(-3deg); } 80% { color: #c0392b; transform: rotate(-3deg); }
}
@keyframes span-anim { 20% { transform: none; text-shadow: 6px 6px 0px rgba(0,0,0,0.2); } 40% { transform: scaleX(-1); text-shadow: -6px 6px 0px rgba(0,0,0,0.2); } 80% { transform: scaleX(-1); text-shadow: -6px 6px 0px rgba(0,0,0,0.2); }
}
REVOLUTION = LOVE - Script Codes
REVOLUTION = LOVE - Script Codes
Home Page Home
Developer Ludvig Lindblom
Username ludviglindblom
Uploaded July 25, 2022
Rating 3.5
Size 2,430 Kb
Views 44,528
Do you need developer help for REVOLUTION = LOVE?

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!

Ludvig Lindblom (ludviglindblom) Script Codes
Name
The Ultimate Flexbox Cheat Sheet
Christmas Tree
Just another responsive layout
Fullscreen API
Canvas animation
Starburst
I Am Left logo as a scalable canvas
Rainy days
CSS loading spinners
Christmas ornaments
Create amazing art & images 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!