Scarves
One Piece
Doctor Who
Sherlock
Fringe
Harry Potter
Game of Thrones
Fullmetal Alchemist
Bleach
Fairy Tail
Marvel
DC
The Hunger Games
One Direction
The Legend of Zelda
Kingdom Hearts
My Little Pony
Naruto
Pokemon
Tiger & Bunny
Avatar / The Legend of Korra
Adventure Time
The Lord of the Rings
Bands
30 Seconds To Mars, AC/DC, All Time Low, Asking Alexandria, At The Drive-In, Avenged Sevenfold, The Beatles, Black Flag, The Black Keys, Blink 182, Bon Iver, Brand New, Bright Eyes, Cher Lloyd, Coheed & Cambria, Daft Punk, David Bowie, The Dear Hunter, Ed Sheeran, Fall Out BoyFoo Fighters, Florence + The Machine, fun., Glassjaw, Green Day, Green Day, Gorillaz, Incubus, Interpol, Jessie J, Kasabian, Keane, The Killers, Kings of Leon, Lady Gaga, Led Zeppelin, Linkin Park, Maroon 5, Marianas Trench
Mayday Parade, MGMT, MGMT, Minor Threat, Muse, Muse, My Chemical Romance, Nine Inch Nails, Nirvana, Of Mice & Men, One Direction, Owl City, Panic! At The Disco, Paramore, Pink Floyd, The Pretty Reckless, Queen, Radiohead, Red Hot Chili Peppers
Rise Against, The Rolling Stones, Rush, Say Anything, Sigur Ros, Sigur Ros, Sleeping With Sirens, Smashing Pumpkins, The Strokes, Thrice, Thrice, Thursday, Tool, Underoath, The Wanted, The Who, Within Temptation, Wu-Tang Clan, You Me at Six
Code
<style>
scarves{
height:250;
position:fixed;
left:50%;
right:50%;
margin-left:280px;
margin-top:0;
float: right;
}
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.00;
}
scarf2{
width:25px;
height:150px;
position:fixed;
margin-left:55px;
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;
}
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.00;
}
scarf3{
width:25px;
height:150px;
position:fixed;
margin-left:110px;
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;
}
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.00;
}
scarf4{
width:25px;
height:150px;
position:fixed;
margin-left:165px;
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;
}
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.00;
}
</body>
<scarves>
<scarf1><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url1"></a></scarf1>
<scarf2><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url2"></a></scarf2>
<scarf3><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url3"></a></scarf3>
<scarf4><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url4"></a></scarf4>
</scarves>
scarves{
height:250;
position:fixed;
left:50%;
right:50%;
margin-left:280px;
margin-top:0;
float: right;
}
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.00;
}
scarf2{
width:25px;
height:150px;
position:fixed;
margin-left:55px;
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;
}
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.00;
}
scarf3{
width:25px;
height:150px;
position:fixed;
margin-left:110px;
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;
}
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.00;
}
scarf4{
width:25px;
height:150px;
position:fixed;
margin-left:165px;
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;
}
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.00;
}
</body>
<scarves>
<scarf1><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url1"></a></scarf1>
<scarf2><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url2"></a></scarf2>
<scarf3><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url3"></a></scarf3>
<scarf4><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url4"></a></scarf4>
</scarves>