Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);
- @import url('https://fonts.googleapis.com/css?family=Englebert');
- @import url('https://fonts.googleapis.com/css?family=Italianno');
- body { background: #FFCCB0; color: #FFCCB0; text-align: justify; margin: 0 auto; }
- #image {z-index:2; position:fixed; left:0; top:100; }
- .Sweet {
- width: 5px;
- height: 2px;
- background: red;
- position: relative;
- -webkit-animation: Spice 5s;
- animation: Spice 5s
- transition-delay: 1s;
- Animation-iteration-count: 1;
- animation-fill-mode:forwards;
- }
- .Sweet2 {
- width: 2px;
- height: 2px;
- position: relative;
- -webkit-animation: Spice3 15s;
- animation: Spice3 15s
- Animation-iteration-count: 1;-webkit-transition-delay: 7s;
- animation-fill-mode:forwards; rotate(90deg);
- }
- @keyframes Spice2 {
- 0% {top: 430px; left: 300px; width: 100px;Animation-iteration-count: 1; font-size:50px;z-index: 1;}
- 100% {top: 420px; left: 570px; width: 300px; Animation-iteration-count: 1;font-size:90px;z-index: 1;}
- }
- .Pumpkin{position:fixed;right:650px;bottom: 275px;font-family: Monsieur La Doulaise;font-size:100px;color:#FCA9A5; margin-top:0px;letter-spacing:9px;line-height:90px;padding:10px;z-index:10000;text-shadow: -1px 0 #422c51, 0 1px #422c51,1px 0 #422c51, 0 -1px #422c51;-webkit-animation: Spice2 10s;animation: Spice2 10s Animation-iteration-count: 1;animation-fill-mode:forwards; }
- .Quote{position:fixed;right:650px;bottom: 275px;font-family: 'Italianno', cursive;font-size:30px;color:#FCA9A5; letter-spacing:2px;padding:10px;z-index:10000;text-shadow: -1px 0 #422c51, 0 1px #422c51,1px 0 #422c51, 0 -1px #422c51;-webkit-animation: Spice2 10s;animation: Spice2 10s Animation-iteration-count: 1;animation-fill-mode:forwards; }
- @keyframes Spice {
- 0% {top: 500px; left: 300px; background: #FCA9A5; width: 10px;Animation-iteration-count: 1;}
- 100% {top: 500px;left: 300px; background: #FDAC80; width: 650px; Animation-iteration-count: 1;}
- }
- @keyframes Spice3 {
- 0% {top: 498px; left: 950px; background: transparent; width: 2px; height: 0px;Animation-iteration-count: 1;-webkit-transition-delay: 5s;transition-delay: 5s;}
- 100% {top: 498px;left: 950px; background: #FDAC80; width: 2px; height: 250px; Animation-iteration-count: 1;-webkit-transition-delay: 5s;transition-delay: 5s;}
- }
- .Sweet3 {
- width: 5px;
- height: 2px;
- position: relative;
- -webkit-animation: Spice4 20s;
- animation: Spice4 20s
- Animation-iteration-count: 1;
- animation-fill-mode:forwards; rotate(90deg);
- }
- @keyframes Spice4 {
- 0% {top: 500px; left: 950px; background: transparent; width: 0px;Animation-iteration-count: 1; }
- 100% {top: 495px;left: 950px; background: #FDAC80; width: 500px; Animation-iteration-count: 1;}
- }
- @keyframes Sugar {
- 0% {Animation-iteration-count: 1; opacity: 0;}
- 50% {Animation-iteration-count: 1; opacity: 0.2;}
- 100% { Animation-iteration-count: 1; opacity: 1;}
- }
- .Quote{position:fixed;right:630px;bottom: 250px;font-family: 'Italianno', cursive;font-size:40px;color:#FCA9A5; letter-spacing:4px;padding:10px;z-index:10000;text-shadow: -1px 0 #422c51, 0 1px #422c51,1px 0 #422c51, 0 -1px #422c51;-webkit-animation: Sugar 20s;animation: Sugar 20s Animation-iteration-count: 1;animation-fill-mode:forwards; transform: rotate(90deg); }
- #tabs{position:fixed;
- left: 850px;
- top: 630px;
- width: 25px;
- height: 25px;
- text-align: left;
- -webkit-animation: Sugar 20s;animation: Sugar 20s Animation-iteration-count: 1;animation-fill-mode:forwards;display: block;}
- #tabs a{
- height: 25px;
- width: 25px;
- background-image:url(http://rs795.pbsrc.com/albums/yy232/PixKaruumi/Pixels/Pixels%2085/f8c1cb7508f817395f35570b73a88e5d.gif~c200);
- background-size: auto 100%;}
- #tabs a{display: block;color: #3F0728;margin-bottom:7px;opacity: 0.8;rotate(-90deg);}
- </style>
- <div id="tabs">
- <a href="#01"></a>
- <a href="#02"></a>
- <a href="#03"></a>
- <a href="#04"></a>
- <a href="#05"></a>
- <a href="#re"></a>
- </div>
- <div id="image">
- <img src="http://puu.sh/sDdQo/480d62385f.png" height="900" width="600">
- </div>
- <div class="Sweet"></div><div class="Pumpkin">Pumpkin.</div><div class="Sweet2"></div><div class="Sweet3"><div class="Quote"> Lap Kitty.</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement