Sekiranya ada sesuatu yang biasanya sangat biasa untuk semua jenis laman web, ini adalah bentuknya. Borang yang kami gunakan untuk mengisi maklumat hubungan, masukkan butiran bank, log masuk ke rangkaian sosial atau lakukan carian seperti yang biasa kita lakukan setiap hari di enjin carian Google.
Jadi hari ini kami akan menunjukkan kepada anda 40 borang dalam CSS mulai dari borang hubungan, pembayaran kad kredit, log masuk, mudah, langganan atau bahkan pengesahan. Serangkaian bentuk keanggunan dan gaya yang hebat untuk memberikan titik istimewa itu ke laman web anda, tanpa mengira temanya.
Borang hubungan minimalis
Borang hubungan mudah dengan a pelbagai kesan seperti tanda terapung atau animasi garisan. Kod CSS yang elegan dengan sedikit JavaScript. Sekiranya anda mencari borang hubungan minimalis ini sesuai untuk anda.
Bentuk minimalis
Lain-lain bentuk minimum, walaupun hanya dalam CSS menjadi bentuk ringkas dan berimpak tinggi. Ia tidak mempunyai animasi minimalis yang sebelumnya, tetapi memenuhi objektifnya dengan baik.
Borang hubungan vintaj
Borang hubungan vintaj, reka bentuk yang sangat elegan. Responsif untuk laman web tersebut untuk dilihat dari telefon bimbit, walaupun tidak termasuk pengesahan.
Borang hubungan surat
ini borang kenalan ia mempunyai animasi yang agak ingin tahu: sepucuk surat terbentuk. Ringkas, tetapi sangat berguna dengan banyak warna.
Borang hubungan yang diperluas
ini borang hubungan yang diperluas Ia hanya bahagian depan dan mempunyai pengesahan dengan jQuery. Kami mengklik butang terapung dan bentuknya akan muncul dengan animasi yang bersemangat. Cemerlang.
Borang UI Perhubungan
Borang UI Perhubungan ia adalah bentuk yang dibuat dalam HTML dan CSS. Ia menonjol sebagai kad kenalan ringkas yang boleh kita isi sehingga hanya bidang teks yang berubah apabila diklik.
Pembayaran kad pembayaran
Un pembayaran kad pembayaran dibuat dalam HTML, CSS dan JavaScript yang dibezakan dengan memutar animasi kad kredit semasa kami menekan CVC atau nombor nombor keselamatan.
Reka bentuk rata kad kredit
CSS tulen untuk a daftar masuk untuk kad kredit dalam warna rata. Berwarna-warni dan sangat sederhana yang mampu menunjukkan kualiti dan profesionalisme.
UI kad kredit
Kad kredit lain dalam HTML, CSS dan JavaScript yang menonjol seberapa baiknya memilih reka bentuk keseluruhan. Kami melupakan animasi dalam kod ini untuk laman web anda. Muat turun di pautan ini.
bertindak balas pembayaran
bertindak balas pembayaran, dibuat dengan React.js, dibezakan dengan gambar sampingan yang boleh kita sesuaikan dengan perkhidmatan atau produk yang kami jual di eCommerce kami.
Kad pembayaran Checkout
Pembayaran ini menunjukkan kemungkinan meletakkan gambar pada kad. A bentuk ringkas dan jelas dibuat dengan CSS3, HTML5 dan sedikit jQuery. Berkualiti tinggi dan berbeza dengan yang lain dalam senarai ini. Anda boleh memuat turun di sini pembayaran kad pembayaran ini.
Pembayaran kad kredit
ini borang pembayaran kad kredit diprogramkan untuk berlatih dengan JavaScript untuk manipulasi DOM. Anda boleh ingat dalam reka bentuk kod elegan Stripe, perkhidmatan perbankan digital yang semakin dekat dengan PayPal.
Kad kredit
Yang elegan pembayaran untuk pembayaran kad berbeza dengan yang lain dan berdasarkan kad kredit yang terletak di bahagian atas sehingga di bawah ini kami mempunyai keseluruhan borang dengan data yang berbeza yang harus diisi oleh pelanggan untuk melakukan pembayaran di eCommerce.
Bentuk langkah demi langkah
Un borang langkah demi langkah untuk pendaftaran dilakukan dalam HTML, CSS dan JavaScript. Empat langkah untuk setiap mata terletak di sebelah kiri. Animasi yang lengkap untuk bentuk yang sangat lengkap. Amat disyorkan.
Bentuk interaktif
Un bentuk interaktif berbilang langkah dibuat dengan HTML, CSS dan JavaScript. Ini menonjolkan animasi peralihan antara setiap langkah. Ia mempunyai sentuhan elegan yang tidak akan disedari.
Bentuk langkah demi langkah
ini borang langkah demi langkah menonjol kerana cukup kreatif. Anda akan menjawab soalan supaya anda dapat kembali kepada mereka pada bila-bila masa dengan hadir secara visual di skrin sepanjang masa.
Langkah demi langkah
Borang langkah demi langkah selesai dalam HTML, CSS dan JavaScript. Ia dicirikan oleh animasi peralihan antara setiap langkah.
Borang Jquery pelbagai langkah
Sekiranya anda mempunyai bentuk yang sangat panjang, ini sesuai untuk bahagian yang berbeza dengan bar kemajuan yang sangat menarik. Berdasarkan jQuery dan CSS, ia menonjolkan reka bentuknya dan keanggunannya.
Bentuk animasi UI
Peralihan ini bentuk animasi UI mereka adalah berdasarkan Domink Marskusic. Perhatian kepada kesan kreatif kotak dengan warna biru ketika kita mengklik pada beberapa dua bidang log masuk atau log masuk.
Borang pembuatan akaun / log masuk
Gimik log masuk dan pembuatan akaun yang berdasarkan animasi apa yang berlaku antara kedua-dua bahagian tersebut. Kehadiran yang sangat terkini dan menarik untuk dilakukan dalam HTML, JavaScript dan CSS.
Sorotan Ular
Sorotan Ular adalah salah satu log masuk yang paling mencolok dari mana-mana senarai yang menonjolkan animasi yang elegan yang muncul dengan cepat apabila kita mengklik salah satu daripada dua bidang.
Skrin log masuk
Ketuhanan rancangan ini skrin log masuk begitu juga mereka animasi dan betapa kreatifnya. Sekiranya anda ingin menjadi yang terkini mengenai reka bentuk web, borang ini tidak boleh hilang. Sangat diperlukan.
Reka bentuk UI log masuk
Direka menggunakan HTML, Sass, dan jQuery. Reka bentuk UI log masuk es esah dan jelas mengenai subjek yang tidak kekurangan animasi halus untuk menjadi kegemaran lain dalam senarai.
Log masuk dan pembuatan akaun UI
Yang istimewa reka bentuk log masuk dan UI pembuatan akaun untuk warna dan untuk persembahan di satu kad besar dua bahagian. Satu lagi yang paling indah dalam pelaksanaan yang kita tidak boleh ketinggalan. Dibuat dalam HTML, CSS dan JavaScript.
Kesalahan menjengkelkan
Kesalahan menjengkelkan Ini adalah log masuk yang bagus kerana animasi dari bidang dengan obnoxious.css. Asal untuk menjadi log masuk yang menyeronokkan, riang dan sangat berbeza. Asli tanpa keraguan untuk laman web kami.
Log masuk CSS HTML
Log masuk ingin tahu oleh ikon yang berbeza yang menunjukkan setiap bidang untuk membawa pengunjung ke mana sahaja yang kita mahukan. Warna yang dipilih dalam warna juga menonjol. Ia tidak mempunyai animasi. Ia dibuat dalam HTML dan CSS untuk menerapkannya di laman web untuk pelanggan atau pelanggan kami sendiri.
Borang log masuk modal
ini Borang log masuk modal diilhamkan oleh bahasa reka bentuk yang terkenal dengan Reka Bentuk Bahan. Kami telah melihatnya dalam banyak aplikasi pada peranti mudah alih. Dalam kod ini kita mempunyai panel log masuk dan panel pendaftaran yang tersembunyi secara lalai. Panel pendaftaran boleh diaktifkan dengan mengklik pada lajur biru yang terletak di sebelah kanan. Ia mempunyai animasi yang hebat untuk menjadi log masuk yang sangat istimewa dan menarik.
Bentuk kotak lentur
Kami memulakan borang carian dengan ini bentuk berdasarkan flexbox. Ini menonjolkan warna merah «carian» dan sedikit lagi bidang carian yang elegan untuk laman web anda.
Kotak animasi
Dengan ini kotak animasi klik pada ikon kaca pembesar dan animasi biru terang akan muncul supaya kita hanya perlu menaip carian yang akan kita lakukan di laman web. Dibuat dengan HTML, CSS dan JavaScript.
Medan carian
yang garis besar melintasi skrin supaya apabila kita menekannya kita mula menaip carian Butang pengambilan untuk menentukan ini borang carian mudah.
Klik di medan carian mudah
Klik di medan carian mudah berdasarkan interaksi yang dilihat di Aplikasi Komuniti Pemandu Waze kenderaan. Semua ikon dan gambar dibuat dengan CSS. Ini menonjol untuk ikon-ikon yang membolehkan kita melakukan carian khusus untuk produk atau perkhidmatan. Menarik betapa kerennya.
Kesan input teks CSS
Kesan input teks CSS merangkumi siri animasi dalam teks dan laci carian untuk menjadi pencari yang teliti dalam bentuk.
Carian skrin penuh
Entri ini dari carian skrin penuh ia berfungsi dengan apa-apa jenis susun atur atau kedudukan. Memerlukan gaya elemen kontena dan carian-overlay berada di akar. Ia dicirikan oleh animasi yang memantul ketika kita menekan butang carian.
Búsqueda
Un borang carian sederhana itu dia suka bermain dengan kedudukan yang berbeza dan animasi. Kami mengklik butang carian dan laci lengkap kelihatan menaip perkataan. Sangat terkini dan sangat disyorkan untuk betapa mudahnya.
Tiada soalan
Tiada soalan es bentuk ringkas dengan bidang teks dan pilihan untuk memilih beberapa jawapan agar pengguna memilihnya. Banyak tawaran secara visual untuk menjadi yang terbaik.
Borang langganan pop timbul
Dengan ini borang langganan pop timbul, kita klik pada butang terapung dan ia akan membawa kita ke bentuk dengan nada yang sangat lucu dan medan tempat memasukkan e-mel. Sesuai untuk pemasaran e-mel.
UI kotak langganan
yang kotak langganan dengan loceng penggera dan sedikit lebih daripada warna rata Dalam reka bentuk.
Kotak langganan CSS
yang kotak langganan pintar untuk fakta gunakan kecerunan untuk butang langganan seperti warna ungu bidang.
Kotak langganan
yang kotak langganan mudah tetapi sangat berkesan dari segi reka bentuk.
Borang pengesahan EMOJI
Secara suci CSS ini borang pengesahan untuk mencipta kunci atau kata laluan. Semasa kami menulis, emoji akan mengukur tahap keselamatan borang. Lucu dan ingin tahu tanpa keraguan.
Jangan terlepas ini senarai 23 anak panah animasi dalam CSS.
Contoh contoh yang sangat baik ditunjukkan di sini. Kepelbagaian dan penyesuaian dengan konteks yang berbeza dan yang terbaik ialah pautan setiap tajuk merangkumi demo dan kod sumber walaupun anda harus mengetengahkannya dengan butang «Lihat demo» kerana ingin tahu saya menjumpainya dalam tajuk . Terima kasih atas sumbangan. Salam dari Caracas.
Ia banyak membantu saya, terima kasih.