Last active
July 23, 2018 12:39
-
-
Save coderofsalvation/e0b9f679b09822a4a48ea12febcf7a2b to your computer and use it in GitHub Desktop.
moon image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<style type="text/css"> | |
body, div.moon{ | |
margin:0; | |
padding:0; | |
height:99.9vh; | |
width:100%; | |
} | |
div.moon{ | |
transform:scale(10); | |
} | |
.moon.icon { | |
color: #000; | |
position: absolute; | |
margin-left: 4px; | |
margin-top: 2px; | |
width: 14px; | |
height: 14px; | |
border-radius: 50%; | |
border-top: solid 1px currentColor; | |
border-bottom: solid 1px currentColor; | |
border-left: solid 1px currentColor; | |
border-right: solid 1px transparent; | |
} | |
.moon.icon:before { | |
content: ''; | |
position: absolute; | |
left: 6px; | |
top: 1px; | |
width: 10px; | |
height: 10px; | |
border-radius: 50%; | |
-webkit-transform: rotate(45deg); | |
transform: rotate(45deg); | |
border-top: solid 1px transparent; | |
border-bottom: solid 1px currentColor; | |
border-left: solid 1px currentColor; | |
border-right: solid 1px transparent; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="moon icon"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment