Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- font-family:Helvetica, sans-serif;
- font-size:50px;
- text-align:center;
- }
- p, h1{
- padding:0;
- margin:20px;
- }
- h1{
- font-size:120px;
- }
- #nthEverthing:nth-letter(odd),
- #nthEverthing:nth-letter(even){
- display:inline-block;
- text-transform:uppercase;
- width:80px;
- width:80px;
- }
- #nthEverthing:nth-letter(even){
- transform: scale(1) skewY(-15deg);
- }
- #nthEverthing:nth-letter(odd){
- transform: scale(1) skewY(15deg);
- }
- #letters:nth-letter(even),
- #letters:nth-letter(odd){
- transition:all .4s;
- }
- #letters:nth-letter(odd):hover,
- #letters:nth-letter(even){
- color:red;
- }
- #letters:nth-letter(even):hover,
- #letters:nth-letter(odd){
- color:blue;
- }
- #pseudo:nth-letter(1):before,
- #pseudo:nth-letter(1):after{
- content:'_'
- }
- #flip:nth-letter(2n){
- display:inline-block;
- margin:10px 10px;
- -webkit-transform: rotateY(180deg);
- }
- /* Crazy text animation */
- #crazy:nth-letter(2n1){
- display:inline-block;
- margin:10px 20px;
- transition:all .4s;
- color:green;
- }
- #crazy:nth-letter(2n1):hover{
- transform:rotateZ(180deg);
- color:blue;
- }
- #font:nth-letter(n){
- font-size:20px;
- transition:all 1s linear;
- }
- #font:nth-letter(n):hover{
- font-size:90px;
- }
- #word:nth-word(1){
- color:blue;
- }
- #word:nth-word(2){
- color:green;
- }
- #word:nth-word(3){
- color:red;
- }
Add Comment
Please, Sign In to add comment