Nilai Tetap

Pelajaran 10 dari 18 dalam kursus Awan Bergerak, Proyek HTML/CSS/JS di Coddy.

Ayo pindahkan awannya!

Tantangan

Mudah

Sebelum kita mulai memindahkan awan, mari kita atur posisi dan ukuran awan.

Beri komentar pada kode yang mengatur posisi dan ukuran awan secara acak.

Di file JS, targetkan elemen awan dan:

Atur property style left menjadi 200px.
Atur property style top menjadi 200px.
Atur property style transform menjadi scale(0.5).

Atur juga property style transition menjadi "all linear 3s", ini akan membantu kita menganimasikan awan nanti!

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Awan Bergerak, Proyek HTML/CSS/JS

1Pengantar

4Bermain dengan JS

2Wadah

5Memindahkan Awan

Nilai Tetap Pelajaran proyek

3Komputasi Awan

6Banyak Awan

Sisipkan HTML dengan JS

Sisipkan Awan

Loop pada Semua

Sentuhan Akhir

Latihan sendiri: Playground Web