Sipat css "transparansi" - cara basajan sangkan situs rarancang leuwih narik

Dinten, kreasi design ramatloka janten hiji wangun kasenian. Ieu mah sakadar susunan elemen halaman ngeunaan hiji warna nu tangtu tur ukuranana, fon tina gaya béda jeung lukisan tematik. Dina raraga nyieun situs anjeun béda ti batur, ka narik perhatian datang 'na langsung ka elemen tangtu, digunakeun sajumlah badag métode jeung parabot. Di antarana aya anu css sipat pohara populér - transparansi. Téhnik ieu rada fashionable na glamorous, sarta ku kituna mindeng dipaké. Transparansi tiasa masihan Kaca objék béda tina situs - halang téks atanapi sakabeh gambar, contona. Ogé dihontal dina cara béda. Hayu urang nalungtik éta handap.

Parameter nangtukeun unsur transparansi

Parameter pikeun ngatur transparansi sahiji unsur sababaraha. Éta téh dipaké gumantung kana tujuan husus, kitu ogé browser, nu di handapeun "disaluyukeun" desain. Ieu kaasup sipat handap:

• opacity;
• nyaring;
• PNG-gambar sakumaha tukang hiji.

nilai sipat css "transparansi" nu robah saperti kieu: nu leuwih luhur jumlah, handap tingkat transparansi unsur. opacity, eta beda-beda ti 0 ka 1, dina filter nu - tina 10 nepi 100. Sarta dimungkinkeun dipaké pikeun browser Interet Explorer, jeung sagala harta opacity lumaku lianna.

Transparansi Gambar (ngarobah)

Hayu urang mimitian ku pilihan anu bakal muncul transparan mun anjeun mindahkeun item nu ku cara nyéred beurit.

Hayu urang nganggap cara nangtukeun éta transparansi gambar. CSS nawarkeun dua pilihan. Jang ngalampahkeun ieu, anjeun kudu ngadaptar eta langsung di kode html-dokumen saperti kieu:

1. Sebutkeun jalur ka gambar.
2. Urang nangtukeun parameter tina transparansi nalika kursor henteu. Jang ngalampahkeun ieu, urang nganggo sipat onmouseover na onmouseout nu prescribes nilai opacity, sarta filter.

Karakteristik anu sarua bisa prescribed di css-dokumen jeung kode sumber pikeun nambahkeun rujukan ka eta. Hasil ngahurungkeun kaluar sami.

Transparansi tina téks na kaca blok

Sedengkeun pikeun téks atanapi block (div transparan), css nawarkeun pilihan anak, sarupa jeung nyieun hiji gambar transparan, anjeun kudu make dihubungkeun css-file, nu parameter dipikahoyong nu disetel. Anjeun tiasa buka na cara basajan. Lamun anjeun nyetel block gaya gaya div atawa téks p nulis resep teh handap html-kode keur onmouseover na onmouseout elemen. Duanana pilihan dianggo sarta ngahasilkeun hasil nu dipikahoyong.

transparansi konstan

Dina sababaraha kasus, transparansi hiji obyék, unsur design atawa téks rék disetel dina hiji dadasar lumangsung. Dina kaayaan ieu, leyuran téh malah leuwih basajan batan sawaktos Anjeun hover kursor mouse.

Unsur CSS pikeun transparansi bakal dibikeun ku kode handap. Dina block gaya div nulis resep nilai keur tukang (e.g., # ff8800), opacity (misalna 0,5) jeung lebar (rubak) sarta padding (padding).

Pikeun gambar nilai kode nu nyieun na filter opacity, sarta nangtukeun jalur ka gambar.

RGBA-métode

Aya pilihan séjén pikeun maké css sipat ieu: transparansi bisa dilarapkeun ka warna dasar sagala unsur desain. It uses metoda RGBA. Tilu hurup munggaran nangtung pikeun kelir dasar (beureum, fisi, bulao), sarta panungtungan - alfa, anu susunan tingkat transparansi. Ngagunakeun RGBA-format prescribes transparansi, ngarah eta kana angka panungtungan. Contona, saperti: tukang: rgba (240,2,33,0.4035).

kacindekan

Ku kituna, ku ngagunakeun dina kursus gawé dina situs design fitur basajan tapi efektif css "transparansi", anjeun tiasa nyieun leuwih elemen kalawan usaha minimal metot sarta leuwih noticeable. embodiments nu digambarkeun nyaéta fitur transparansi custom baris mantuan anjeun ku ieu.