Հեղինակ
Վիդեոկուրսեր
Առաջարկել
Խորհուրդ եմ տալիս
Կոդ
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Էջի վերնագիր</title> <style> #div1 { position: relative; height: 150px; width: 150px; margin: 50px; padding: 10px; border: 1px solid black; perspective: 150px; perspective-origin: 10% 10%; /* Safari */ -webkit-perspective: 150px; -webkit-perspective-origin: 10% 10%; } #div2 { padding: 50px; position: absolute; border: 1px solid black; background-color: red; transform: rotateX(45deg); /* Chrome, Safari, Opera */ -webkit-transform: rotateX(45deg); } </style> </head> <body> <div id="div1"> <div id="div2">Ողջույն</div> </div> </body> </html>
Արդյունք