Garis masa atau garis masa adalah elemen tambahan yang kita dapat mengintegrasikan ke dalam laman web untuk menunjukkan kemajuan atau evolusi dalam tahun syarikat atau syarikat. Ungkapan grafik visual yang baik bahawa mengetahui cara menyusunnya dengan elegan dengan elemen tipografi dan visual, dapat menunjukkan langkah-langkah yang diambil oleh perkhidmatan atau produk dari masa ke masa.
29 garis masa yang anda akan dapati di bawah adalah dari garis masa menegak seperti yang akan menjadi cakrawala. Anda akan mendapat yang terbaik yang sesuai dengan keperluan anda untuk mencarinya di halaman laman web yang anda kembangkan untuk pelanggan atau diri anda sendiri. Kami pergi dengan koleksi garis masa yang sangat menarik yang sangat menyenangkan secara visual.
Garis masa dengan menatal
Garis masa yang terdapat dalam HTML, CSS, dan kod JavaScript untuk meletakkan dirinya dengan anggun sebagai minimalis yang baik yang meletakkan aksen merah untuk senarai tahun di sebelah kiri, dan hitam untuk huruf dan huruf H2. Perkara terbaik mengenai garis masa ini ialah semasa anda menelusuri halaman, perubahan tahun akan dibuat secara automatik. Kemasan, reka bentuk dan hasil yang hebat.
Garis masa dalam CSS
Garis masa ini menggunakan kod CSS bahkan dapat dikonfigurasi dengan betul dalam beberapa sifatnya. Ia tidak mempunyai tatal seperti yang sebelumnya, tetapi dicirikan oleh rangkaian kotak dan warna biru untuk memberikan sentuhan yang sangat elegan dan menambah senarai garis masa penerbitan ini.
Gelangsar garis masa responsif
Garis masa ini dibuat dengan perpustakaan Swiper JS untuk memasukkan kod HTML, CSS dan JavaScript. Ia tidak mempunyai tatal ketika kita melangkah ke laman web, tetapi begitu meletakkan tahun-tahun di sebelah kanan dan butang yang boleh kita gunakan untuk yang berikutnya, selain dapat menggunakan penunjuk tetikus untuk pergi ke tahun tertentu. Animasi yang hebat dalam setiap peralihan.
Garis masa lanjutan
Garis masa ini menonjol untuk menggunakan HTML, CSS dan JavaScript, selain masuk ke monocolor, tepat dalam nada merah. Ia juga dicirikan oleh penggunaan butang yang membolehkan anda maju atau kembali pada garis masa yang ditandai dengan kod hasil yang hebat ini sehingga cukup minimalis.
Garis masa dengan header tetap dan Flexbox
HTML dan CSS code untuk header tetap itu ia akan tetap diperbaiki pada masa kita menatal di halaman. Kehalusan yang sangat baik untuk menjadi garis masa yang menarik bagi mana-mana pembangun semasa yang ingin diserlahkan oleh piawaian reka bentuk web semasa.
Garis masa projek
Garis masa ini menggunakan CSS dan HTML untuk menunjukkan garis masa penting untuk digunakan jangka masa tertentu untuk projek. Semasa kami menatal, ia berjalan melalui hari-hari dalam seminggu, jadi sangat sesuai untuk melaksanakannya untuk alat kolaboratif yang dibuat oleh syarikat itu sendiri.
Timeline
Garis masa dalam HTML, CSS dan JavaScript yang menonjol dari yang lain untuk tema visual. Dan ketika kita menelusuri garis masa menegak, setiap kali kita menemukan foto baru dalam garis masa, ia akan menjadi gambar latar belakang laman web tempat kita meletakkan kod ini.
Hyperloop
Hyperloopu adalah garis masa yang menonjol daripada reka bentuk yang digunakan dan kerana diprogramkan tidak lebih dari HTML dan CSS. Ia dicirikan oleh penggunaan ukuran yang berbeza dalam fon teks dengan garis menegak dan serangkaian kotak yang menandakan setiap momen penting garis masa.
Garis masa menegak
Garis masa selang yang menjauhkan diri dari yang lain dengan sentuhan visualnya. Ia mempunyai latar belakang kecerunan yang sangat terkini dalam reka bentuk dan serangkaian kotak yang menandakan setiap selang ini. Diprogramkan dalam CSS dan HTML.
Garis masa dalam Flexbox
Salah satu garis masa siap terbaik dan itu berdasarkan kad untuk memasukkan semua maklumat yang kami perlukan untuk selang waktu itu. Juga dikembangkan dalam HTML dan CSS, harus diambil kira bahawa semua kad mesti mempunyai tinggi dan lebar yang sama untuk mengira ruang untuk skrin yang lebih besar.
Garis masa dalam DIV
Garis masa minimalis dalam reka bentuk dan telah dibangunkan hanya dalam HTML dan CSS, jadi pelaksanaannya dapat menjadi sangat cepat. Sangat sesuai untuk menyatakan garis masa dalam media maklumat kerana kemasan monokromnya.
Garis masa dalam CSS dan HTML
Anda boleh meletakkan Gambar bersaiz 400 × 300 dalam garis masa ini dibezakan dengan warna hijau garis dan teks tarikh dan hari. Ini tidak mempunyai animasi dan agak dicirikan oleh reka bentuknya yang sederhana di semua peringkat.
Garis masa komen dan maklum balas
Garis masa yang sangat berbeza dari yang lain kerana membenarkan letakkan kad dengan gambar pengguna, atau sekurang-kurangnya itulah niat pada mulanya. Dengan gaya visual yang hebat, kad menggunakan bayangan untuk garis masa yang agak rata tanpa animasi.
Garis waktu pagi dalam HTML dan CSS
Garis masa yang tepat untuk bertindak balas ia dicirikan oleh HTML, CSS dan menawarkan garis masa yang agak mudah tetapi sangat mudah alih.
UI Garis Masa
Kod ini dalam HTML dan CSS berfungsi dengan sempurna untuk hadir hari bekerja senaman. Ini responsif dengan gambar header dan serangkaian butang yang menunjukkannya dengan cara yang sangat jelas dan bersih dalam aspek visual.
Garis masa dalam CSS sahaja
Garis masa ini dicirikan oleh berada di CSS dan oleh a siri warna yang dipilih dengan baik: merah dan hijau. Hijau untuk menutup seluruh halaman sepenuhnya, putih untuk teks dan garis pemisah, dan merah untuk membezakan selang masa di mana kita berada. Kita boleh mengklik setiap selang untuk meletakkannya dengan kotak yang mengelilinginya dan menyorotnya.
Garis masa responsif V3
Garis masa mendatar yang pertama dalam senarai dalam HTML, CSS dan JavaScript. Secara visual menonjol untuk penggunaan warna hitam dan kelabu untuk meletakkan garis mendatar dengan rangkaian titik. Setiap selang disorot dengan bobot yang lebih besar dalam sumber dan kandungan teks.
Garis masa bersarang dengan warna
Salah satu garis masa mendatar kualiti visual tertinggi dalam senarai. Garis masa yang sangat interaktif dengan animasi yang sangat halus dan disajikan dengan baik untuk menawarkan pengalaman pengguna yang hebat setiap kali salah satu selang waktu ditekan. Ia dibuat dengan HTML CSS / Sass dan JavaScript / TypeScript (jquery.js).
Garis masa sejarah responsif
Garis masa yang tepat untuk tunjukkan pelbagai peristiwa dalam gambar slot masa dalam sejarah. Ia mendatar dan responsif telah dikembangkan dalam HTML, CSS dan JavaScript.
Garis masa kumpulan
Garis masa ini menonjol untuk peralihan yang baik dijalankan dengan animasi mendatar. Warna yang hebat dan reka bentuk yang indah untuk menonjolkan setiap selang waktu. Dalam HTML, CSS, dan JavaScript terdapat sekumpulan kad yang dilapisi pada gambar latar belakang yang mewakili.
Garis masa CSS dan HTML mendatar
Dibuat olehnya Envato Tuts + yang dikenali, kami disajikan garis masa mendatar dengan rangkaian kad yang bersih dan asas dalam reka bentuk. Warna rata dan garis mendatar dengan serangkaian titik merah yang saling menghubungkan setiap selang.
Garis masa CSS, HTML dan slick.js
Nada pastel dalam reka bentuk untuk garis masa yang menonjolkan persembahan setiap gambar menunjukkan setiap selang masa. Peralihan antara setiap gambar dan selang yang menjadikan garis masa ini menonjol.
Urutan garis masa V1
Garis masa yang menonjol butang pada setiap garis menegak setiap selang untuk memautkan gambar latar belakang skrin penuh setiap kali kami menekannya.
CSS HTML garis masa mendatar
Anda tidak akan dapat mengklik mana-mana sahaja pada garis masa ini yang disorot oleh a reka bentuk indah dengan pilihan palet warna yang bijak dan satu siri sandwic untuk setiap garis masa. Tidak ada animasi, tetapi secara visual sangat menyenangkan mata.
Garis Masa Codyhouse
Garis masa ini dipersembahkan oleh Codyhouse adalah satu warna dalam reka bentuk dan dikembangkan dalam HTML, CSS dan JavaScript. Ia memaparkan garis minimalis dengan serangkaian titik sebagai selang untuk diklik dan menyebabkan animasi mendatar kurang dari setengah saat. Ringkas, tetapi hebat.
Garis masa mendatar
Garis masa lain dibuat dalam HTML, CSS, dan JavaScript. Dicirikan oleh warna tunggal, ia mengandungi reka bentuk elegan dengan warna hijau untuk meletakkan renda pada setiap titik yang mewakili selang waktu. Setiap kali kami menekannya, animasi sampingan yang sangat lancar bermula.
Garis masa yang tidak dinamakan
Garis masa hitam sahaja dari senarai bawah. Kemudian dia menggunakan warna yang berbeza untuk membezakan setiap tahun dan teks pada masa yang sama dengan hadnya. Ini mempunyai animasi yang luar biasa untuk melewati setiap teks.
Garis Masa
Garis masa ini meletakkan aksen pada warna hijau betul-betul statik.
Garis masa mendatar yang lain
Ia boleh letakkan gambar berhampiran skrin penuh untuk garis masa yang menonjol untuk penggunaan biru dan abu-abu, ditambah dengan siri bulatan yang mewakili setiap tahun.
Jangan lepaskan siri menu lain dalam CSS dan HTML.