Bayang-bayang semula jadi dan maya: Shadow CSS

Banyak perkara dan fenomena dunia material dilihat tidak sedar, dan kesan ke atas persepsi mereka - hasil daripada aplikasi pengetahuan yang telah lalu. Semua perkara yang mempunyai bayang-bayang ia adalah semula jadi. Dalam darjah yang berbeza-beza, reka bentuk yang sentiasa mencerminkan realiti sejauh mana ia membenarkan monitor komputer.

Evolusi peranti paparan moden telah mencapai keputusan yang luar biasa, dan keinginan untuk mewakili bayang-bayang objek, bukan sahaja menjadi tersedia dalam bentuk di mana ia wujud dalam kehidupan sebenar, tetapi juga dalam imej komputer baru.

bayang-bayang objek

Rupa-rupanya satu-satunya perkara yang jatuh pada pancaran cahaya, kerana ia adalah hasil refleksi rasuk adalah persepsi diakses mata. Ray "acuh tak acuh" persepsi satu titik tertentu di angkasa, dan ia menerangi objek terpancar daripadanya, dan mendapatkan pada objek di sekeliling, mewujudkan bermain aneh cahaya dan bayang-bayang.

harta Shadow CSS tidak boleh menyampaikan realiti realiti, tetapi kesan bayang-bayang boleh diperolehi seperti dalam maksud semula jadi (dalam erti kata), dan versi baru komputer (tidak semua orang mempunyai bayang-bayang, tetapi ia adalah mungkin untuk "berfikir di luar").

Shade boleh diserah hak dan unsur-unsur yang secara hakikatnya ia tidak perlu. Dunia maya dibawa kepada dunia dinamik sebenar dan undang-undang baru objek fizik dan fenomena, walaupun mungkin mereka sudah ada, hanya tidak membuka jalan lagi nyata.

sifat bayangan CSS

Menggunakan CSS mudah untuk menentukan naungan yang dikehendaki. Syntax kotak-shadow termasuk dalam perihalan am mengenai elemen dan mempunyai sebilangan kecil parameter.

parameter teduh di Shadow CSS dinyatakan seperti berikut. Perubahan dalam X dan Y, kabur, regangan, dan warna. dua nombor pertama menentukan anjakan relatif ahli naungan, ketiga - radius kabur, keempat - saiz bayang-bayang berkenaan dengan unsur.

Nombor boleh negatif, warna yang ditakrifkan mengikut peraturan biasa. Syntax S Hadow CSS disokong oleh semua pelayar, tetapi dalam setiap kes adalah wajar untuk memeriksa paparan mencukupi naungan pilihan yang dipilih itu.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Apabila menggunakan ciri-ciri sempadan bayangan CSS mengambil kira radius yang dipilih kelengkungan, dan membuat perubahan yang sesuai dalam bayang-bayang yang terhasil.

naungan mereka bentuk

Antara CSS Shadow Generator alat dalam talian jelas. Bayang-bayang tidak merujuk kepada fakta bahawa anda hanya boleh diprogramkan dengan memasukkan beberapa parameter. elemen reka bentuk yang berkaitan dengan reka bentuk keseluruhan. Untuk menentukan nilai yang betul adalah sangat mudah untuk digunakan penjana yang berbeza. Ini menjimatkan masa dan membuat ia mungkin untuk menggunakan pengalaman pemaju lain.

Satu alat yang baik menawarkan CSSmatic - hasilnya muncul secara interaktif, dan hasilnya boleh diperolehi secara langsung dalam kod dan paste ke dalam projek anda. Anda bukan sahaja boleh menentukan bayangan dan parameternya, tetapi warna dan tekstur yang dikehendaki barang yang sebenar.

Alat dari Mozilla, Pemaju, membolehkan anda untuk mendapatkan dalam talian bukan sahaja elemen kod dan bayang-bayang, tetapi juga untuk mereka bentuk pseudo yang (: sebelum dan: selepas).

Secara semula jadi, kemungkinan S Hadow CSS tidak memberikan bayang-bayang pada imej, dalam unsur, tetapi menggunakan nilai hartanah latar belakang warna dalam telus, mudah untuk mengenakan kontur yang dikehendaki dalam bayang-bayang dan mendapat kesan yang diingini.