Skip to content

Instantly share code, notes, and snippets.

@GeorgeTzellis
Created November 1, 2014 16:24
Show Gist options
  • Save GeorgeTzellis/8f97579d016c48faf0c3 to your computer and use it in GitHub Desktop.
Save GeorgeTzellis/8f97579d016c48faf0c3 to your computer and use it in GitHub Desktop.
Lorem Diver
/* Lorem Diver */
div {
position: absolute;
margin: 19em;
}
span{transition: 1s;}
span {
position: absolute;
top: 50%;
left: 50%;
font-family: sans-serif;
font-size: 1em;
line-height: 2em;
-webkit-transform: rotate(179deg)
translateX(0px)
translateY(22px)
rotateZ(1deg);
-webkit-transform-origin: 56% 0%;
}
<div>
<span>L
<span>o
<span>r
<span>e
<span>m
<span>
<span>i
<span>p
<span>s
<span>u
<span>m
<span>
<span>d
<span>o
<span>l
<span>o
<span>r
<span>
<span>s
<span>i
<span>t
<span>
<span>a
<span>m
<span>e
<span>t
<span>
<span>c
<span>o
<span>n
<span>s
<span>c
<span>t
<span>e
<span>t
<span>u
<span>r
<span>
<span>a
<span>d
<span>i
<span>p
<span>i
<span>s
<span>i
<span>c
<span>i
<span>n
<span>g
<span>
<span>e
<span>l
<span>i
<span>t
<span>,
<span>
<span>s
<span>e
<span>d
<span>
<span>d
<span>o
<span>
<span>e
<span>i
<span>u
<span>s
<span>m
<span>o
<span>d
<span>
<span>t
<span>e
<span>m
<span>p
<span>o
<span>r
<span>
<span>i
<span>n
<span>c
<span>i
<span>d
<span>i
<span>d
<span>u
<span>n
<span>t
<span>
<span>u
<span>t
<span>
<span>l
<span>a
<span>b
<span>o
<span>r
<span>e
<span>
<span>e
<span>t
<span>
<span>d
<span>o
<span>l
<span>o
<span>r
<span>e
<span>
<span>m
<span>a
<span>g
<span>n
<span>a
<span>
<span>a
<span>l
<span>i
<span>q
<span>u
<span>a
<span>.
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment