About Kaushalya Mandaliya.
A Pen by Kaushalya Mandaliya on CodePen.
Last active
August 29, 2015 13:57
-
-
Save krman009/9855873 to your computer and use it in GitHub Desktop.
About Me
This file contains hidden or 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 lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <div class="kanu"> | |
| Hi, I am Kaushalya Mandaliya from India.<br /> | |
| I like to talk about Tech, Web Devlopment, Web Designing and Blogging.<br /> | |
| Co-founder of <a href="http://seebeetee.com">SeeBeeTee.com</a>.<br /> | |
| <a href="https://twitter.com/kmandalwala">@kmandalwala</a> on Twitter.<br /> | |
| <a href="https://github.com/krman009">@krman009</a> on Github. | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or 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
| /* | |
| * About me. | |
| * 2015 by Kaushalya Mandaliya | @kmandalwala | http://seebeetee.com | |
| */ |
This file contains hidden or 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
| @import "compass/css3"; | |
| html { | |
| @include background(linear-gradient(#bdc3c7 30%,#3498db 50%) fixed); | |
| overflow: hidden; | |
| body { | |
| background: rgba(black, 0.1); | |
| height: 100%; | |
| width: 100%; | |
| position: absolute; | |
| } | |
| div.kanu { | |
| width: 19.5em; | |
| text-align: center; | |
| margin: 4em auto; | |
| font-family: 'Ubuntu', sans-serif; | |
| font-size: 2em; | |
| color: #fff; | |
| @include animation(fade 2.5s ease-in-out); | |
| a { | |
| text-decoration: none; | |
| color: inherit; | |
| border-bottom: 0.1em solid; | |
| transition: 0.1s all ease-in-out; | |
| &:hover { | |
| border-bottom: none; | |
| } | |
| } | |
| } | |
| } | |
| /* fade Keyframes */ | |
| @include keyframes(fade) { | |
| 0% { | |
| color: rgba(white, 0.1); | |
| @include transform(rotate(90deg) translate(15em) scale(1.5)); | |
| } | |
| 70% { | |
| @include transform(rotate(-40deg) translate(-3em) scale(1.5)); | |
| } | |
| } | |
| ::-moz-selection { | |
| background: #3498db; | |
| } | |
| ::selection { | |
| background: #3498db; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment