skew
RUN
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> h2{ height: 150px; width: 150px; background: red; } h2:hover{ -ms-transform: skew(20deg, 10deg); /* IE 9 */ -webkit-transform: skew(20deg, 10deg); /* Safari */ transform: skew(20deg, 10deg); } </style> </head> <body style="margin: 50px;"> <h2></h2> </body> </html>
PHÓNG TO