Rumah > hujung hadapan web > tutorial css > Kad Memperluas Projek - Perjalanan Saya &#Projek dalam Hari-hari

Kad Memperluas Projek - Perjalanan Saya &#Projek dalam Hari-hari

WBOY
Lepaskan: 2024-08-22 08:32:06
asal
1061 orang telah melayarinya

Project Expanding Cards - My

Ini ialah pameran projek 1 / 50, daripada kursus "50 Projek dalam 50 Hari", walaupun saya telah menyelesaikan semua projek dalam tempoh 50 hari yang lalu (atau lebih sedikit! ), saya mahu melakukannya mengikut cara saya, maksud saya mengambil idea utama atau konsep utama projek dan memahaminya dengan betul, dan melihat kebaikan, keburukannya, malah membawanya ke peringkat seterusnya.

Dalam projek ini, idea utama adalah tentang mencipta beberapa kad (atau panel) yang berkembang pada klik, semudah itu, tetapi saya mendapat banyak perkara lain untuk dilaksanakan di sini seperti:

  • Menggunakan Popover API untuk mengembangkan panel dan bukannya klik tetikus.
  • Mengambil Imej daripada Unsplash API.
  • Menjadikan panel interaktif dengan pergerakan tetikus.
  • Menambah Refleksi di bawah setiap panel menggunakan webkit-box-reflect.
  • Menambahkan Bayang Berwarna pada setiap panel (menggunakan Penapis SVG).

Selepas melaksanakan perkara tersebut, projek ini beralih ke peringkat seterusnya, yang menunjukkan kerumitan dalam kesederhanaan di samping estetika, mungkin saya boleh menggunakan fungsi pensampelan warna pada masa hadapan!.

Saya ingin mendengar pendapat, cadangan, buah fikiran anda, juga jangan lupa like & follow.

Repo 50 Projek Saya dalam 50 Hari Perjalanan
Hubungi saya di Twitter
Hubungi saya di Linkedin

Atas ialah kandungan terperinci Kad Memperluas Projek - Perjalanan Saya &#Projek dalam Hari-hari. 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