Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #box {
- top: 5px; /* use to position the box */
- left: 5px; /* use to position the box */
- overflow: hidden;
- position: fixed;
- width: 35px; /* use to change the size of the box */
- height: 35px; /* use to change the size of the box */
- border-radius: 90px;
- border: 1px solid #ccc;
- background-color: #fff;
- }
- #box img {
- margin-top: 10px;
- margin-left: -10px;
- position: fixed;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #box:hover img {
- opacity: 0;
- margin-top: 30px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #player {
- margin-top: 12px;
- margin-left: 11px;
- overflow: hidden;
- opacity: 0;
- width: 14px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #box:hover #player {
- opacity: 0.5;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement