Astronaut designed and animated using only css
A Pen by Henrique Rodrigues on CodePen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> | |
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> | |
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> | |
<title>Is the site down?</title> | |
<style type="text/css"> | |
body{background-color:#fff;color:#333;font-family:Arial,Verdana,sans-serif;font-size:62.5%;margin:10% 5% 0 5%;text-align:center;} | |
a,a:visited,a:active{color:#0080ff;text-decoration:underline;} | |
a:hover{text-decoration:none;} |
Astronaut designed and animated using only css
A Pen by Henrique Rodrigues on CodePen.
<div class="title"> | |
<h3></br> | |
- - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
<h1>ECSTASY-COIN </h1> | |
<h3>💊🚀 XTC-COIN💎Since 2018 🚀💊</br>- - - - - - - - - - - - - - - - - - - - - - - - - - - - </h3> | |
</div> | |
<div class="more-pens"> | |
<a target="_blank" href="https://codepen.io/plasm/" class="white-mode">VIEW OTHER PENS</a> | |
<a target="_blank" href="https://codepen.io/collection/nZpPbz/" class="white-mode">VIEW OTHER PARTICLES</a> | |
</div> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> | |
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> | |
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> | |
<title>Is the site down?</title> | |
<style type="text/css"> | |
body{background-color:#fff;color:#333;font-family:Arial,Verdana,sans-serif;font-size:62.5%;margin:10% 5% 0 5%;text-align:center;} | |
a,a:visited,a:active{color:#0080ff;text-decoration:underline;} | |
a:hover{text-decoration:none;} |