Fungsi Rotate pada Transform CSS
Hallo teman-teman balik lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan membahas guna rotate di transform css.
Guna dari transform rotate di yakni bagi memutar suatu element sesuai dengan perputaran yang kita inginkan, rotate mempunyai satuan deg atau degree, nah mungkin bagi lebih jelasnya kita seketika saja praktekan, kini silahkan teman-teman bikin file html dan ketikan script berikut:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div></div>
</body>
</html>
Nah saya membangun sebuah div didalam tag body, div inilah yang nanti akan kita putar dengan menggunakan transform rotate, kini save lalu coba tambahkan script css berikut :
div {
width: 200px;
height: 100px;
background-color: #ccc;
margin-top:40px;
transform:rotate(40deg);
}
</style>
Sehingga kelengkapan script nya yakni seperti berikut :
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 100px;
background-color: #ccc;
margin-top:40px;
transform:rotate(40deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Sehingga kalau di save karenanya hasilnya akan seperti berikut :
Gimana teman-teman lumayan gampang bukan? silakan praktekan masing masing, lumayan sekianlah dulu panduan kali ini, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org