CSS амволи "шаффофият" - як роҳи соддаи ба сомона тарҳи ҷолиб аз

Имрӯз, эҷоди тарҳи сомона шакли санъат мегардад. Ин аст, танҳо як маҷмӯи унсурҳои саҳифаи ранги муайян ва на ба андозаи, ҳуруфҳои аз сабкҳои гуногун ва манзараҳо мавзӯӣ. Бо мақсади ба сайти худ аз дигарон, барои ҷалби диққати меҳмонон ва роҳнамоӣ ба унсурҳои муайян истифода бурда шумораи зиёди усулҳо ва воситаҳои. Дар байни онҳо аст, CSS амвол хеле маъмул нест - шаффофияти. Ин техника хеле муд ва дилрабоӣ аст, ва аз ин рӯ аксар истифода бурда мешавад. блоки матн ё тамоми расм, барои мисол, - шаффофият метавонед саҳифаҳои иншооти гуногуни сомонаи дод. Он ҳамчунин бо роҳҳои гуногун ба даст. Биёед ба онҳо дар поён дида бароем.

Параметрҳои муайян унсурҳои шаффофият

Параметрҳои танзим шаффофияти унсурҳои чанд. Онҳо вобаста ба истифода карданд ба ҳадафҳои мушаххас, инчунин браузери аст, ки дар назди «танзим» тарҳрезӣ. Инҳо дар бар мегиранд, ки моликияти зерин:

• ётњои;
• полоиш;
• PNG-тасвир ҳамчун заминаи.

шумораи, ки камтар аз сатҳи шаффофияти унсури баландтар: арзиши амволи CSS «шаффофият» ба таври зерин тағйир ёфт. Дар ётњои, он аз 0 то 1 фарқ, ки дар филтри - аз 10 то 100. Ва охирин аст, ки барои браузери Interet Explorer, ва ҳамаи дигар молу мулки ётњои истифода бурда мешавад.

Transparency Фишка (тағйир)

Биё бо имкониятҳое, ки шаффоф пайдо мешавад, вақте ки шумо аз банди ҳаракат оғоз бо гузаронидани маконнамои муш.

Биёед дида бароем, ки чӣ тавр ба муайян намудани шаффофияти тасвир. CSS пешниҳод ду имконоти. Барои ин кор, шумо бояд ба вай бевосита дар коди HTML-ҳуҷҷати зерин ба қайд:

1. Муайян роҳро ба тасвир.
2. параметрҳои шаффофият, муайян кардем, вақте ки нишонгар ҷой нест. Барои ин кор, ки мо истифода хосияти onmouseover ва onmouseout, ки пешбинї мекунад арзиши ётњои, ва филтрҳо.

Дар хусусиятҳои ҳамин мумкин аст, дар CSS-ҳуҷҷат ва рамзи манбаъ илова ишора ба он муқаррар менамояд. Натиҷаҳои рӯй берун ҳамон.

Шаффофият матн ва саҳифаи блокҳои

Тавре ба матн ё блок (Лиг шаффоф), CSS пешниҳод хосият он, монанд ба эҷоди симои шаффоф, Шумо ба истифода вобаста CSS-файл, ки дар он нишондиҳандаҳои дилхоҳ шудаанд. Шумо метавонед рафта, ба таври оддӣ. Вақте, ки шумо танзим сабки Лиг сабки блок ё матн саҳ муқаррар зерин HTML-коди ба onmouseover ва onmouseout элементҳои. Ҳам имконоти кор ва истеҳсоли натиҷаи дилхоҳро интихоб кунед.

доимӣ шаффофият

Дар баъзе ҳолатҳо, шаффофияти объект, як унсури дизайн ё Матне, ки шумо мехоҳед, ки ба танзим ва дар асоси ҷорӣ. Дар ин вазъ, ба ҳалли аст, ҳатто осонтар назар ба он вақте ки шумо, чолокона курсори муш.

унсури CSS шаффофият мешавад коди зерин дода мешавад. Дар блоки сабки Лиг муқаррар арзишҳои барои паснамо (мисол, # ff8800), ётњои (масалан, 0,5) ва паҳнои (паҳнои) ва padding (padding).

Барои тасвир арзишҳои рамзи қабули ва филтр ётњои, ва муайян роҳро ба тасвир.

RGBA-усули

ҳастанд, имконоти дигар барои истифодаи ин амвол CSS вуҷуд дорад: шаффофият мумкин аст ба ранги заминаи ягон унсури тарҳрезӣ истифода бурда мешавад. Он истифода мебарад, усули RGBA. алфа, ки муқаррар сатҳи шаффофият - Се ҳарфи аввали барои рангҳои асосӣ (сурх, fission, кабуд), ва охирин истодаанд. Истифодаи RGBA-формати пешбинї мекунад шаффофият, ишора ба он ба охир рақама. Масалан, мисли: замина: rgba (240,2,33,0.4035).

хулоса

Ҳамин тариқ, бо истифода аз дар рафти кор аз рӯи тарҳи сомона хусусияти оддӣ, вале самараноки CSS «шаффофият», шумо метавонед онро бо унсурҳои ҳадди ақали саъю ҷолиб ва дигарон бештар кунад. Дар embodiments шарҳ додаанд хусусиятҳои шаффофияти одати аз худ бо ин кӯмак хоҳад кард.