Rumah > hujung hadapan web > tutorial css > Saya telah *mengalaminya dengan motherfriggin&# *kriket* di motherfriggin&# *field* ini!

Saya telah *mengalaminya dengan motherfriggin&# *kriket* di motherfriggin&# *field* ini!

WBOY
Lepaskan: 2024-07-31 14:55:31
asal
1094 orang telah melayarinya

I have *had* it with these motherfriggin

Ini adalah penyerahan untuk Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

Apa yang Saya Bina

Halaman untuk fiksyen Liga Kriket Rekreasi New York! Saya mahu membina sesuatu yang aneh dan menyindir yang [sengaja] salah tafsir tema (kerana saya tidak tahu apa-apa tentang mana-mana sukan).

Demo

Berikut ialah benam, tetapi tiada siapa yang mereka bentuk untuk faktor bentuk itu, jadi teruskan dan lihat versi halaman penuh di Codepen.

Perjalanan

Menggunakan penanda yang disediakan, saya merangka tapak web satu halaman dalam format tayangan slaid menegak, dengan titik snap CSS, pengepala melekit dan imejan paralaks yang pelik.

TBH, saya mahu melakukan ini secepat mungkin menggunakan kemahiran yang saya boleh tarik dari ingatan. HTML tidak diubah suai, walaupun dimanipulasi secara lembut dan minimum melalui JavaScript (untuk menjadikan semua perkara yang boleh dipautkan boleh dipautkan, seperti e-mel, telefon dan tarikh). Penggunaan flexbox secara percuma berlaku, tetapi semuanya agak standard, jika tidak asas.

Unitnya sedikit ceroboh (px dan bukannya rem), tetapi saya berasa okey mengenainya.

Imej adalah ihsan jantina di OpenAI dan ChatGPT 4o.

Atas ialah kandungan terperinci Saya telah *mengalaminya dengan motherfriggin&# *kriket* di motherfriggin&# *field* ini!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan