Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Solid background:
- .staff img {
- background: #b49daa;
- border: 2px solid #2b1c30;
- border-radius: 5px;
- padding: 3px;
- width: 80px;
- height: 55px;
- margin: 2px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .staff img:hover {
- background: #2b1c30;
- padding: 3px;
- margin: 2px;
- border: 2px solid #b49daa;
- border-radius: 5px;
- width: 80px;
- height: 55px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- image hover background:
- .staff img {
- background-image: url('http://i.imgur.com/vlnYleX.png');
- background-position: top right;
- border: 2px solid #393a55;
- border-radius: 10px;
- padding: 2px;
- width: 34px;
- height: 34px;
- margin: 2px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .staff img:hover {
- background-image: url('http://i.imgur.com/vlnYleX.png');
- background-position: bottom left;
- padding: 2px;
- margin: 2px;
- border: 2px solid #ba543a;
- border-radius: 20px;
- width: 34px;
- height: 34px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement