Don't Think Twice It's Alright
About this app
A visual representation of the phrase 'Don't Think Twice It's Alright'
Don't Think Twice It's Alright Don't Think Twice It's Alright
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<!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>Don't Think Twice It's Alright</title>
<meta name="description" content="A visual representation of the phrase 'Don't Think Twice It's Alright'">
<meta name="keywords" content="abstract, art, visual, phrase, don't think twice">
<style>
body, html {
height: 100%;
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.sky {
background-color: #87CEEB;
width: 100%;
height: 70%;
position: relative;
overflow: hidden;
}
.sun {
width: 100px;
height: 100px;
background-color: #FFD700;
border-radius: 50%;
position: absolute;
top: 20px;
right: 20px;
}
.ground {
background-color: #696969;
width: 100%;
height: 30%;
position: relative;
}
.grass {
width: 10px;
height: 40px;
background-color: #228B22;
position: absolute;
bottom: 0;
}
.grass:first-child {
left: 30%;
}
.grass:last-child {
right: 30%;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
white-space: nowrap;
}
.cloud {
width: 160px;
height: 100px;
background-color: #F0F8FF;
position: absolute;
top: 30px;
right: -40px;
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
</style>
</head>
<body>
<div class="sky">
<div class="sun"></div>
<div class="cloud"></div>
<div class="text">Don't Think Twice It's Alright</div>
</div>
<div class="ground">
<div class="grass"></div>
<div class="grass"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!