I hereby claim:
- I am ludviglindblom on github.
- I am ludvig (https://keybase.io/ludvig) on keybase.
- I have a public key whose fingerprint is 1DC6 BD21 F67D 26D4 5831 3211 A6C3 1847 0D22 1965
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
A Pen by Ludvig Lindblom on CodePen.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8" /> | |
<title>Detect Full-Screen</title> | |
<style> | |
* { | |
font-family: sans-serif; | |
line-height: 1.5; |
module.exports = (function(){ | |
const MS = | |
{ seconds: 1000 | |
, minutes: 60 * 1000 | |
, hours: 60 * 60 * 1000 | |
, days: 24 * 60 * 60 * 1000 | |
, weeks: 7 * 24 * 60 * 60 * 1000 | |
, months: 30 * 7 * 24 * 60 * 60 * 1000 | |
, years: 365 * 24 * 60 * 60 * 1000 } |
/** | |
* CSS3 Ribbon | |
*/ | |
body{ | |
text-align: center; | |
} | |
body a, body a:link, body a:active, body a:visited{ | |
color: #1169C1; |
/* | |
* Tron loader | |
*/ | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
background: #333; |
/** | |
* Path icon hover | |
* | |
* Example of the desired effect (hover over the user avatar) https://path.com/p/5Eplz | |
* | |
* Close, but annoying that the animation runs on page load. | |
* Possible solution could be to fade entire page content in while initial | |
* animation runs. | |
*/ | |
/* | |
* 3D Text | |
*/ | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
background: #CCC; |
/* | |
Search Suggestions | |
Original design by Visual Idiot - http://dribbble.com/shots/377281-Search-Suggestions | |
*/ | |
html { | |
min-height: 100%; | |
background: -webkit-linear-gradient(#dbddde, #b6babb); | |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
-webkit-font-smoothing: antialiased; |
/** | |
* Move in a circle without wrapper elements | |
* Idea by Aryeh Gregor, simplified by Lea Verou | |
*/ | |
@keyframes rot { | |
from { | |
transform: rotate(0deg) | |
translate(-150px) | |
rotate(0deg); |