Warna halus transisi: CSS gradient

warna-warna alami biasanya seragam halus. Tetapi bahkan pada permukaan datar sempurna dari satu warna gambar yang solid dari transisi warna alami. Selalu tidak sengaja jatuh sinar matahari atau pencahayaan buatan, serta perubahan sudut pandang memungkinkan nuansa tidak teratur dan unik.

Dua sudut pandang ditujukan pada objek yang sama, merasakan perbedaan warna, masing-masing, dari sudut visi dan korelasi dengan sudut lain dari kejadian sinar pada permukaan yang ke sana kemari.

efek psikologis transisi warna

Warna tidak hanya sensasi fisik dan tidak hanya tergantung pada waktu dan posisi dalam ruang. Gambar pohon, bangunan, gunung dan item lainnya dalam posisi terbalik membangkitkan perasaan refleksi di permukaan air atau pada permukaan lain.

Benar-benar garis paralel hitam pada permukaan sempurna putih dinding, setiap baris seluruh kenaikan panjang sebanding dengan ketebalan pengurangan alam di ketebalan garis ketika Anda melihat dinding - semua ini akan menyebabkan sensasi di penampil bahwa ruang memiliki langit-langit horizontal.

Satu gambar ditulis dengan dua, dan masing-masing dari mereka digeser dengan menghormati satu sama lain dengan jarak antara mata, memberikan efek volume spasial, jika defocus tampilan.

Jika poster cukup besar dan perbatasan dalam kenyataannya dibuat sempurna, gambar di poster akan terlihat sebagai alam yang nuansa yang diinginkan dari warna, kesadaran yang melihatnya akan tersambung secara otomatis.

Situs, dan di atas semua, desain dan skema warna logika sumber daya penting dan saling melengkapi, dialognya, membuat efek psikologis yang tepat pada pengunjung.

transisi halus melalui CSS

Gradien diciptakan dengan linear-gradient () dan radial-gradient (). Dalam kasus pertama, perubahan halus warna terjadi di sepanjang garis dan dalam kasus kedua - dari elips atau lingkaran. CSS gradien dapat diatur dalam properti dari latar belakang, background-image, border-image, list-style-image. Melapiskan elemen untuk sama lain, mendefinisikan transparansi mereka dapat menghasilkan nuansa yang besar dan menciptakan transisi yang unik.

Namun harus diingat bahwa transisi warna tidak selalu mulus. Beberapa varian dari kombinasi warna, nilai-nilai transparansi, tata letak halaman latar belakang dapat memberikan yang tidak diinginkan efek langkah.

aturan CSS untuk gradien latar belakang merekam

gradien adalah transisi yang mulus dari satu warna ke warna lain. Dalam hal ini, Anda dapat menggunakan beberapa warna. Perhatikan versi linier (CSS linear gradient) dapat bervariasi:

Parameter pertama adalah kecenderungan sisi sudut atau wilayah, diikuti oleh warna. Tidak perlu menggunakan hanya dua warna, Anda dapat menarik seluruh pelangi. Menerapkan properti transparansi opacity dapat diperoleh efek yang tumpang tindih.

Pilihan warna, generator warna

Bagian kreatif dari desainer, situs pengembang dalam beberapa tahun terakhir disederhanakan. Hal ini menjadi praktis dan sesuai bentuk persegi panjang, yang berisi minimal informasi, minimal fungsi, rasa maksimum dan sikap mental untuk menjual produk, memberikan layanan, sorot diskon, kualitas dan / atau perbedaan yang signifikan dari pesaing.

Namun, bahkan dalam kondisi sulit seperti, peraturan dan penciptaan web-sumber daya modern adalah tempat untuk kreativitas dan keinginan yang jelas dari beberapa pengembang untuk membuat agresif, pekerjaan yang ditargetkan dengan warna, yang mencerminkan rasa isi teks dan dialog gaya yang dipilih. CSS gradien telah diterapkan lebih sering.

solusi warna "Google" dan "Skype", khususnya, memiliki efek dan pengikut, namun, dalam beberapa tahun terakhir, komponen aktif dari desain web mulai mencari bentuk baru, warna baru dan tidak mengganggu, coba dinamika mengalir bentuk.

Di Internet ada banyak sumber daya online (CSS gradient generator), yang sangat menyederhanakan tugas memilih warna yang tepat :. Angrytools, flatonika, generatecass dll Dengan bantuan mereka, Anda benar-benar dapat menghemat waktu pada pemilihan warna yang tepat, mempertimbangkan transisi line dan overlay.

skema warna dinamis

Tradisi, yang mendasari penciptaan web-sumber daya, membuat aturan diganggu gugat: struktur, isi dan dialog situs dengan pelanggan - kompetensi pengembang mengimplementasikan kehendak pemilik (pelanggan). Tampilan situs, desain juga tradisional mengacu pada fakta bahwa itu tidak ditentukan oleh klien.

Sementara itu, berbagai perangkat tumbuh, dan dalam keluarga masing-masing jenis ada berbagai spesimen menjanjikan, dengan perbedaan yang signifikan, tidak hanya dalam reproduksi warna, seperti dalam resolusi dan browser yang membentuk daerah tampak.

Berbagai browser dan versi yang digunakan juga menciptakan masalah dalam pemetaan yang memadai kemampuan CSS gradien.

Secara kolektif mengevaluasi keadaan ini, dan contoh-contoh dari beberapa pekerjaan yang menjanjikan, dapat dikatakan bahwa penampilan situs hanya defaultnom negara - kompetensi pengembang dan / atau pemilik sumber daya. Hanya ketika seorang pelanggan pertama mengunjungi sumber daya, itu mungkin dapat mengevaluasi desain situs. Jika pelanggan telah melihat cocok untuk mengingat situs dan menggunakannya dalam kehidupan sehari-hari mereka, keinginannya untuk memiliki alat untuk mengontrol penampilan dan fungsi sepenuhnya dibenarkan.

Seperti pusat gravitasi dari transfer manfaat pengembang: tidak perlu untuk terlibat dalam pelaksanaan kompatibilitas cross-browser, situs tes pada perangkat yang berbeda pada sistem operasi yang berbeda.

Selain itu, tren akan membuat umum database untuk aktual implementasi CSS aturan untuk berbagai perangkat. Ini hanya awal, tapi potensinya sangat penting.