CSS Property "прозрачност" - един прост начин да се направи сайт дизайн интересно

click fraud protection

Днес, създаването на сайт дизайн се превръща в истинско изкуство.Това не е просто набор от страници с определен цвят и размер, шрифтове, различни стилове и тематични снимки.С цел да се направи сайт, различен от другите, за да привлече вниманието на посетителите и да го изпратите на тези или други елементи с помощта на огромен брой методи и инструменти.Сред тях има много популярен имот CSS - прозрачност.Тази техника е доста модерен и бляскав, и затова се използва често.Можете да дадете на прозрачността на различните страници обекти - текст, изображение или цялата единица, например.Това може да бъде постигнато по различни начини.Нека ги разгледаме по-долу.

параметри за настройка на прозрачността на елементите

параметри, позволяващи да настроите прозрачността на елементи от няколко.Те се използват в зависимост от специфичните цели, и браузъра, която е в рамките на "коригира" дизайн.Те включват следните свойства:

  • непрозрачността;
  • филтър;
  • PNG изображение като фон.

стойността на имотите CSS "прозрачност" са се променили, както следва: колкото по-висока е цифрата, толкова по-ниско е нивото на прозрачност на елемента.Непрозрачността тя варира от 0 до 1, в филтър - от 10 до 100. И последният се използва за браузъра Interet Explorer, и за всички други приложими имот е непрозрачност.

Transparency изображение (промяна)

започнем с опции, когато прозрачността ще се прояви, когато се движите курсора на мишката до елемента.

помисли как да настроите прозрачността на изображението.CSS предлага две възможности.За да направите това, трябва да го регистрирате в кода на HTML-документ, както следва:

  1. Укажете пътя към изображението.
  2. определя параметрите на прозрачност, когато курсорът не е така.За това ние използваме свойствата OnMouseOver и onmouseout, който предвижда стойност и непрозрачност филтър.

Тези характеристики могат да бъдат предписани в CSS-документ и изходния код, за да добавите линк към него.Резултатите се оказват едни и същи.

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

Що се отнася до текста или блок (прозрачен Разделения), CSS предлага опцията си, подобно на създаването на прозрачен образ, който се използва свързан CSS-файл, който ще бъде даден на необходимите параметри.Можете да отидете и по-прост начин.Когато зададете стил блок стила на Разделение или текст р предписват следните HTML-код елементи за поставяне на показалеца и onmouseout.И двата варианта работят и дават желания резултат.

Transparency постоянна

В някои случаи, прозрачността на обекта, елемент от дизайна или текста, който искате да зададете на текуща база.В тази ситуация, разтворът е още по-лесно, отколкото с мишката.

CSS елемент за прозрачност ще се дава следния код.В блок стил Разделения предпише стойности за фон (например # ff8800), непрозрачност (например, 0,5) и ширината (ширина) и подложка (подложка).

за снимки в кода се прави ценности и непрозрачност филтър, и укажете пътя до изображението.

RGBA-метод

Има и други варианти за използване на този имот CSS: прозрачност може да се прилага за цвета на фона на един елемент от дизайна.Той използва метода на RGBA.Първите три букви представляват основните цветове (червено, делене, син), а последният - алфа, която определя нивото на прозрачност.Използването RGBA-формат предписва прозрачност, тя посочи към последната цифра.Например, като: Фон: RGBA (240,2,33,0.4035).

Заключение

Така, като се използва в хода на работата по дизайна на сайта е проста, но ефектна имот CSS "прозрачност", можете да го направите по-интересна и по-забележими елементи на минимални усилия.Описаната прозрачността работоспособност изпълнения работа ще ви помогне с това.