Senin, 13 Mei 2024

styles.css

 font-family: Arial, sans-serif;

    margin: 0;

    padding: 0;

    background: linear-gradient(to right, #2980b9, #6dd5fa);

    color: #fff;

}


h1 {

    text-align: center;

    animation: wave 0.5s infinite; /* Efek gelombang untuk judul biografi */

}


.biografi-container {

    width: 50%;

    margin: 0 auto;

    display: table; /* Tata letak seperti tabel */

    border-collapse: collapse; /* Menggabungkan batas sel */

}


.biografi-item {

    display: table-row; /* Setiap item sebagai baris */

    margin-bottom: 20px;

}


.biografi-item label,

.biografi-item span {

    display: table-cell; /* Label dan nilai dalam sel */

    padding: 5px;

    border-bottom: 1px solid #ccc; /* Garis bawah */

}


.biografi-item label {

    font-weight: bold;

}


.biografi-item span {

    background-color: rgba(255, 255, 255, 0.2);

    border-radius: 5px;

}


.biografi-item:hover {

    background-color: #f39c12; /* Ubah warna latar belakang saat kursor diarahkan */

}


@keyframes wave {

    0% { transform: translateY(0); }

    50% { transform: translateY(-5px); }

    100% { transform: translateY(0); }

}


.biografi-item {

    display: table-row; /* Setiap item sebagai baris */

    margin-bottom: 20px;

    animation: changeBackgroundColor 1s infinite alternate; /* Terapkan animasi */

}

Tidak ada komentar:

Posting Komentar