Selamat datang di Website Teknologi Terkini! Nikmati informasi terbaru dan inovasi teknologi.

Kode HTML for Valentine




VIDEO DEMO :


Apakah anda ingin membuat seperti di atas?

Jika iya silahkan ikutin cara berikut ini.

Pertama : anda membuat folder baru dan isi folder tersebut di tambahin dengan file "index.html" dan "style.css"

Kedua : Setelah selesai membuat folder dan file buka aplikasi Text Editor yang anda punya.

Ketiga : Setelah itu akan ada pilihan file "index.html" dan "style.css" klik file "index.html"



Keempat : Setelah diklik copy code index.html dibawah ini.

__________________________________________________________________________________

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="style.css">
     
     <title>Maike It Love</title>
 </head>
 <body>
     <div class="heart"></div>
 </body>
 </html>
__________________________________________________________________________________

Kelima : Selanjut nya pilih file style.css lalu copy dan paste kode berikut.


__________________________________________________________________________________

body{
    background: #3e0000;
    margin: 0;
    padding: 0;
}

.heart{
    width: 180px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 37%;
    background: #ff3e3e;
    transition: 1s;
    transform-origin: right bottom;
}

.heart:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    transition: 2s;
    transform-origin: right bottom;
}

.heart:hover{
    transform: rotate(45deg);
    border-top-left-radius: 50px;
    
    border-bottom-left-radius: 50px;
}

.heart:hover:before{
    transform: rotate(450deg) translateY(100px); 
    border-top-left-radius: 50px;
    background: #e22c2c;    
    border-bottom-left-radius: 50px;

}
 
__________________________________________________________________________________


lewis- Nah itu berbagai cara untuk membuat coding for valentine.
Jika ada salah pengetikan mohon maaf.
Sekian Terimakasih.






























Baca juga :

About the Author

Perkenalkan nama saya Lewis Christian Sirait, saya sekarang sekolah di SMP Swasta Katolik Budi Murni 1 Medan.Saya berbisnis editor video, penulis, dan pengembang situs.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
advertisement
advertisement