Прозрачност ефект фон (HTML и CSS) - SEO Уеб студио kell4

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

Този ефект се постига по различни начини, включително и старомодните методи като използването на PNG картина като фоново изображение и създаване на клетъчна непрозрачност собственост. Но веднага след като е необходимо да се направи в полу-прозрачен фон секцията, тези методи са неприятни недостатъци.

Помислете за полупрозрачност на текста и фона - как да го използвате в дизайна на сайта:

Главната особеност на този имот е, че стойността на прозрачност се отнася за всички деца от вътрешната страна, а не само на заден план. Това означава, че текста и фона и да стане прозрачна. Увеличаване на нивото на прозрачност може да командва промяна на непрозрачност от 0.1 до 1.

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

Обикновено при проектирането на прозрачна трябва да бъде само фон елемент и текст непрозрачен да запази своята четливост. Непрозрачност свойство не е подходящ, тъй като текста във вътрешността на елемента ще бъде частично прозрачен. Най-добре е да използвате формат RGBA, част от която е алфа канал, или с други думи, значението на прозрачността. Стойността писмено RGBA, след това в скоби разделени със запетая стойности на червени, сини и зелени компоненти. Последна дума на прозрачността, която се задава от 0 до 1, където 0 означава пълни прозрачни и непрозрачни цветове 1 - използването на синтаксиса RGBA.

Translucent стойност фон непрозрачност за фона е настроена на 90% - полупрозрачен фон и непрозрачен текст.

Пример смесва фон RGBA