Property css "transparan" - cara prasaja kanggo nggawe situs desain liyane menarik

Dina iki, nitahaken saka desain web dadi wangun seni. Iki ora mung pesawat saka unsur kaca saka werna tartamtu lan ukuran, fonts gaya beda lan lukisan tematik. Supaya situs beda saka liyane, kanggo narik kawigaten manungsa waé pengunjung lan langsung menyang unsur tartamtu, digunakake nomer ageng saka cara lan pribadi. Antarane wong-wong mau ana css property banget populer - transparan. technique iki cukup modern lan sugeh, lan mulane asring digunakake. Transparan bisa menehi kaca objek saka situs - pemblokiran teks utawa gambar kabèh, contone. Uga ngrambah ing cara. Ayo padha nliti wong-wong mau ing ngisor iki.

Paramèter nemtokake unsur transparan

Paramèter kanggo aturan transparan unsur saperangan. Lagi digunakake gumantung dislametaké tartamtu, sarta browser, kang wonten ing "diatur" desain. Iki kalebu sifat iki:

• opacity;
• Nyaring;
• PNG-gambar latar mburi.

Nilai Property css "transparan" sing diganti minangka nderek: sing luwih dhuwur nomer, ing ngisor tingkat transparan saka unsur. opacity, beda-beda gumantung saka 0 kanggo 1, filter - saka 10 kanggo 100. Lan terakhir digunakake kanggo browser Interet Explorer, lan kabeh situs opacity ditrapake liyane.

Transparan gambar (ganti)

Ayo dadi miwiti karo pilihan sing bakal katon transparan nalika mindhah item kanthi nyeret mouse.

Ayo kita nimbang carane kanggo nemtokake transparan gambar. CSS nawakake opsi loro. Kanggo nindakake iki, sampeyan kudu ndhaftar langsung ing kode-document minangka nderek:

1. Nemtokake path kanggo gambar.
2. We netepake paramèter transparansi nalika kursor ora. Kanggo nindakake iki, kita nggunakake sifat onmouseover lan onmouseout, kang prescribes ing Nilai saka opacity, lan Filter.

Karakteristik sing padha bisa diwènèhaké ing css-document lan kode sumber kanggo nambah referensi kanggo iku. Asil ternyata padha.

Transparan teks lan kaca pamblokiran

Minangka kanggo teks utawa pemblokiran (div transparent), css nawakake pilihan sawijining, padha nggawe gambar transparan, sampeyan kudu nggunakake disambungake css-berkas, kang paramèter sing dikarepake sing disetel. Sampeyan bisa mbukak lan prasaja. Nalika ngatur pemblokiran gaya gaya div utawa teks p ukuman punika html-kode kanggo onmouseover lan onmouseout unsur. Kaloro pilihan bisa lan ngasilaké dikarepake.

transparan pancet

Ing sawetara kasus, transparan lan obyek, unsur desain utawa teks sing pengin disetel ing basis sing lagi ditindakake. Ing kahanan iki, solusi malah prasaja saka nalika sampeyan kisaran kursor mouse.

unsur Css kanggo transparan bakal diwenehi dening kode punika. Ing pemblokiran gaya div prescribe angka kanggo latar mburi (contone, # ff8800), opacity (eg, 0,5) lan jembaré (jembaré) lan lapis (lapis).

Kanggo gambar angka kode sing nggawe lan Filter opacity, lan nemtokake path kanggo gambar.

RGBA-cara

Ana opsi kanggo nggunakake css sifat iki: transparan bisa Applied kanggo werna dasar sembarang unsur desain. Wikipedia cara RGBA. Telung huruf pisanan ngadeg kanggo werna dhasar (abang, kula tresna sampeyan, biru), lan pungkasan - alpha, kang mranata tingkat transparan. Nggunakake RGBA-format prescribes transparan, pointing menyang digit pungkasan. Contone, minangka Latar: rgba (240,2,33,0.4035).

kesimpulan

Mangkono, kanthi nggunakake ing Course karya ing situs desain fitur prasaja nanging efektif css "transparan", sampeyan bisa nggawe iku unsur liyane karo gaweyan tithik menarik lan liyane ngelingke. embodiments diterangake fitur transparan adat bakal mbantu karo iki.