Имовина ЦСС-а "транспарентност" је једноставан начин да се дизајн сајта више интересује.

Данас креирање дизајна веб сајта постаје стварна уметност. То није само скуп елемента странице одређене боје и величине, фонтова различитих стилова и тематских цртежа. Да би се сајт учинио другачијим од других, да би привукли пажњу посјетилаца и усмерили их на те или друге елементе, кориштен је огроман број метода и алата. Међу њима постоји веома популарна имовина цсс - транспарентност. Ова техника је прилично модерна и делотворна, и стога се често користи. На пример, можете да пружите транспарентност различитим објектима на страници сајта - тексту, целом блоку или слици. Такође се постиже на више начина. Хајде да их размотримо испод.

Параметри за подешавање транспарентности елемената

Параметри који омогућавају регулисање степена транспарентности елемената су неколико. Користе се у зависности од специфичних намена, као и претраживача, под којим је дизајн "прилагођен". Ово укључује следећа својства:

• Опацити;
• Филтер;
• ПНГ слика као позадина.

Вредности својства ЦСС "транспарентности" мијењају се на сљедећи начин: што је већа цифра, нижи је ниво транспарентности елемента. У непрозирности варира од 0 до 1, у филтеру - од 10 до 100. А последње се користи за претраживач Интерет Екплорер, а за све остале се користи опција прозирности.

Транспарентност слике (промена)

Хајде да почнемо са овом опцијом, када ће се приказати транспарентност када се крећете преко курсора миша.

Размислите како да поставите транспарентност слике. ЦСС нуди две опције. Да би то учинили, потребно је то написати директно у коду хтмл-документа на следећи начин:

1. Наведите путању до слике.
2. Одредите поставке транспарентности када се крећете преко курсора а не. Да би то учинили, користимо онмоусеовер и онмоусеоут својства, у којима смо поставили вредности прозирности и филтера.

Ове исте карактеристике могу бити написане у цсс-документу, а у изворном коду додајте само везу са њим. Резултати су исти.

Транспарентност блокова текста и страница

Што се тиче текста или блока (транспарентност див), цсс предлаже коришћење опције сличне креирању транспарентне слике, односно коришћењем цсс-датотеке која је повезана, у којој ће се поставити тражени параметри. Можете ићи на једноставнији начин. Када спецификујете стилове блок стила или текст п, препишите следећи хтмл код за онмоусеовер и онмоусеоут елементе. Обе опције раде и дају жељени резултат.

Константа транспарентности

У неким случајевима, транспарентност објекта, елемента дизајна или текста је неопходна да се стално поставља. У овој ситуацији, решење је још лакше него када кренете на курсор миша.

За елемент ЦСС, транспарентност се даје следећим кодом. У блоку див-стила додељујемо вредности за позадину (нпр. # Фф8800), опацити (нпр. 0,5), као и ширину и паддинг.

За слику у коду додамо вредности прозирности и филтера, а такође и одредити путању до слике.

РГБА метода

Постоје и друге опције за кориштење ове особине цсс: транспарентност се може примијенити на боју позадине било ког елемента дизајна. За то се користи РГБА метода. Прва три слова означавају главне боје (црвена, чврста, плава), а последња - алфа, која поставља ниво транспарентности. Користећи РГБА формат, прописује степен транспарентности, што указује на последњу цифру. На пример, ово је случај: позадина: ргба (240,2,33,0,4035).

Закључак

Стога, користећи једноставну, али ефикасну особину цсс "транспарентност" током рада на дизајну сајта, можете учинити његове елементе интересантнијим и видљивијим, уз минималан напор. Описане опције за спецификацију карактеристика транспарентности ће вам помоћи у томе.