Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="close">
- <span class="close-line left"></span>
- <span class="close-line right"></span>
- </div>
- /*Css*/
- .close {
- background-color: #ff4b27;
- width: 200px;
- height: 200px;
- margin: 0 auto;
- position: relative;
- transform: rotate(0deg);
- .close-line {
- display: inline-block;
- height: 1px;
- position: absolute;
- top: 50%;
- left: 40%;
- width: 50px;
- border: 1px solid #fff;
- transition: 0.75s all;
- }
- .left {
- transform: rotate(-45deg);
- }
- .right {
- transform: rotate(45deg);
- }
- &:hover {
- .left {
- transform: rotate(315deg);
- }
- .right {
- transform: rotate(405deg);
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement