Skip to content

Instantly share code, notes, and snippets.

@brito
Last active July 30, 2017 06:22
Show Gist options
  • Save brito/0b7aded4864cb0eebf3fb4d9ded82152 to your computer and use it in GitHub Desktop.
Save brito/0b7aded4864cb0eebf3fb4d9ded82152 to your computer and use it in GitHub Desktop.
vesica
/* vesica */
body :nth-child(2) { transform:scale(.5) }
body > * { margin:0 calc(-.38em);
background:hsla(54,100%,60%,.6); display:inline-block;
width:1em; height:1em; border-radius:.5em }
body { font-size:calc(100vw/5);
perspective:50rem; perspective-origin:top;
display:flex; justify-content:center;
height:100vh; align-items:center }
html { background:hsl(-36,62%,21%) }
<img>
<img>
<img>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment