Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Put this code above </style>
- scarves{
- position:fixed;
- left:50%;
- right:50%;
- margin-left:430px;
- margin-top:0px;
- }
- scarf1{
- width:25px;
- height:150px;
- position:fixed;
- margin-top:-100px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:0.4;
- }
- scarf1:hover{
- margin-top:-65px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:1;
- }
- scarf2{
- width:25px;
- height:150px;
- position:fixed;
- margin-left:35px;
- margin-top:-120px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:0.4;
- }
- scarf2:hover{
- margin-top:-65px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:1;
- }
- scarf3{
- width:25px;
- height:150px;
- position:fixed;
- margin-left:70px;
- margin-top:-80px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:0.4;
- }
- scarf3:hover{
- margin-top:-65px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:1;
- }
- scarf4{
- width:25px;
- height:150px;
- position:fixed;
- margin-left:105px;
- margin-top:-120px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:0.4;
- }
- scarf4:hover{
- margin-top:-65px;
- transition: all 1s, transform 1s;
- -moz-transition: all 1s, -moz-transform 1s;
- -webkit-transition: all 1s, -webkit-transform 1s;
- -o-transition: all 1s, -o-transform 1s;
- opacity:1;
- }
- Put this code below body
- <scarves>
- <scarf1><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf1>
- <scarf2><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf2>
- <scarf3><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf3>
- <scarf4><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf4>
- </scarves>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement