Anime

Ini adalah penyerahan untuk Cabaran Frontend - Edisi Disember, Glam Up My Markup: Winter Solstice

Apa yang Saya Bina

CSS

*{
jidar: 0;
pelapik: 0;
saiz kotak: kotak sempadan;
keluarga fon: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

badan{
limpahan-x:tersembunyi ;
}
.utama-lebar{
lebar: 1400px;
lebar maksimum: 95%;
margin: 0 auto;
}
.wira{
ketinggian: 100%;
lebar: 100%;
ketinggian min: 100vj;
imej latar belakang: url(Tanjiro1.png);
saiz latar belakang: 100%;
ulangan latar belakang: tiada ulangan;
}

.pengepala wira .logo h2 a{
paparan: blok;
saiz fon: 30px;
berat fon: 600;
hiasan teks: tiada;
warna: putih;
font-family:'Noto Sans JP', sans-serif;
}

.pengepala wira{
paparan: flex;
align-item: tengah;
justify-content: ruang-antara;
pelapik: 40px 0 30px;

}

nav ul li{
gaya senarai: tiada;
paparan: blok sebaris;

}

nav ul li a{
text-decoration:none;
warna: aliceblue;
jidar-kiri: 80px;
saiz fon: 20px;
berat fon: 600;
bahagian bawah sempadan: 2px putih pepejal;
peralihan: 4s;

}

nav ul li:not(:last-child) a:hover
nav ul li:not(:last-child) a:focus{
bahagian bawah sempadan: 2px putih pepejal;

}

nav ul li.active a{
bahagian bawah sempadan: 2px putih pepejal;
}

nav ul li.btn a{
latar belakang: lutsinar;
warna: putih;
sempadan: 1px pepejal #f5dca8;
pelapik: 9px 20px;
jejari sempadan: 80px;
ketinggian garis: 1.4;
saiz fon: 18px;
berat fon: 600;
jidar-kiri: 150px;

}

nav ul li.btn:tuding a{
jidar: 1px putih pepejal;
warna: hitam;
latar belakang: putih;
peralihan: .4s;

}

.kandungan{
padding-top: 140px;
}

.kandungan .teks utama{
jawatan: relatif;
indeks-z: 2;
jidar bawah: 50px;

}

.kandungan .teks utama h6{
saiz fon: 14px;
berat fon: 400;
warna: putih;
jidar bawah: 40px;

}

.kandungan .teks utama h1{
saiz fon: 60px;
ketinggian garisan: 1;
warna: putih;
jidar: 0px 0px 45px;
font-family: 'Penanda Kekal', kursif;

}

.kandungan .teks utama p{
lebar maksimum: 100%;
lebar: 480px;
warna: putih;
ketinggian garis: 1.8;
saiz fon: 15px;
jidar bawah: 50px
}

.kandungan .teks utama a{
paparan: blok sebaris;
hiasan teks: tiada;
warna: hitam;
latar belakang: putih;
jidar: 1px putih pepejal;
pelapik: 9px 25px;
ketinggian garis: 1.4;
jejari sempadan: 30px;
saiz fon: 14px;
berat fon: 500;

}

.content .main-text a:hover{
transform: skala(1.2);
sempadan: 1px pepejal #f5dca8;
latar belakang: lutsinar;
warna: putih;
peralihan: .4s;

}

HTML

Anime

鬼滅の刃

• Musim
• Episod
• Manga
• Main Sekarang

#1 Anime Terbaik
Ia adalah siri manga Jepun yang ditulis dan diilustrasikan oleh Koyoharu Gotōge,

Pembunuh Syaitan

Sebuah keluarga diserang syaitan dan hanya dua ahli yang terselamat - Tanjiro dan kakaknya Nezuko, yang perlahan-lahan berubah menjadi syaitan. Tanjiro bertekad untuk menjadi pembunuh syaitan untuk membalas dendam keluarganya dan menyembuhkan adiknya.....

Tonton Sekarang

Ini adalah tapak web anime saya yang eksklusif untuk saya ia mempunyai butang animasi terbaik dan peralihan lancar

Semua hak Swally Milik saya

Atas ialah kandungan terperinci Anime. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!