Blog

<![CDATA[ nav #PageList1:hover .btn{ -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } nav #PageList1:hover .btn i{ display: none; } nav #PageList1:hover .btn i.fa-close{ display: block; } nav #PageList1:hover ul li{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } nav #PageList1:hover ul li:nth-child(1){ top: -35px; left: 21px; } nav #PageList1:hover ul li:nth-child(2){ top: 3px; left:10px; } nav #PageList1:hover ul li:nth-child(3){ top: 41px; left: 0px; } nav #PageList1:hover ul li:nth-child(4){ top: 3px; left:-10px; } nav #PageList1:hover ul li:nth-child(5){ top: -35px; left:-20px; } @media only screen and (max-width: 790px){ nav #PageList1:hover ul li:nth-child(1) { top:-25px; left: 3px; } nav #PageList1:hover ul li:nth-child(2) { top: 1px; left:-8px; } nav #PageList1:hover ul li:nth-child(3) { top: 27px; left:-17px; } nav #PageList1:hover ul li:nth-child(4) { top: 1px; left:-27px; } nav #PageList1:hover ul li:nth-child(5) { top: -61px; left: 52px; } } ]]>