css Property „przejrzystość” – prosty sposób uczynić stronę bardziej interesującą konstrukcję

Obecnie tworzenie projektowanie stron internetowych staje się formą sztuki. To nie jest tylko zbiorem elementów strony pewnego koloru i rozmiaru czcionek, różnych stylów i obrazów tematycznych. W celu dokonania witryny różni się od innych, aby przyciągnąć uwagę użytkowników i kierować je do pewnych elementów, stosowany ogromną liczbę metod i narzędzi. Wśród nich jest bardzo popularny css nieruchomość – przejrzystość. Ta technika jest bardzo modne i efektowne, a zatem jest używane często. Przejrzystość może dać różne obiekty stron serwisu – bloku tekstu lub całego obrazu, na przykład. osiągnięto również w inny sposób. Zbadajmy je poniżej.

Parametry określenie elementów przejrzystości

Parametry regulować przejrzystości elementów kilka. Stosowane są one w zależności od konkretnych celów, a także przeglądarkę, która jest pod „skorygowany” projektu. Obejmują one następujące właściwości:

• nieprzezroczystość;
• filtrowanie;
• PNG-obraz jako tło.

Wartość właściwości css „przezroczystość” zostały zmienione w następujący sposób: im wyższy numer, tym niższy poziom przejrzystości elementu. Nieprzezroczystość, to zmienia się od 0 do 1, w filtrze o – od 10 do 100 i jest ono wykorzystywane do przeglądarki Intérêt Explorer, a także wszelkie inne odpowiednie właściwości nieprzezroczystości.

Przezroczystość obrazu (zmiana)

Zacznijmy od opcji, które pojawią się podczas przesuwania przezroczysty element , przeciągając myszką.

Zastanówmy się, jak określić przejrzystość obrazu. CSS oferuje dwie opcje. Aby to zrobić, trzeba go zarejestrować się bezpośrednio w kodzie HTML dokumentu w następujący sposób:

1. Określ ścieżkę do obrazu.
2. Definiujemy parametry przejrzystości, gdy kursor nie jest. Aby to zrobić, używamy właściwości OnMouseOver i onmouseout, który określa wartość przezroczystości i filtra.

Te same cechy mogą być określone w dokumencie CSS oraz kodu źródłowego, aby dodać odniesienie do niej. Wyniki okazują się tak samo.

Przejrzystość tekstu i bloków stronie

Co do tekstu lub bloku (przejrzyste div), css oferuje własnego uznania, podobnie jak stworzenie przejrzystego obrazu, trzeba użyć połączony plik CSS, w którym żądane parametry są ustawione. Możesz iść i prostszy sposób. Po ustawieniu bloku styl div style lub tekst p przepisać następujący kod HTML na onmouseover i onmouseout elementów. Obie opcje pracy i uzyskania pożądanego rezultatu.

stała przezroczystość

W niektórych przypadkach, przezroczystość obiektu, element projektu lub tekst, który chcesz ustawić na bieżąco. W tej sytuacji, rozwiązanie jest jeszcze prostsze niż po najechaniu kursorem myszy.

Element css dla przejrzystości zostaną podane przez następujący kod. W bloku div stylu przepisywania wartości tła (na przykład, # ff8800), nieprzezroczystości (przykład 0,5) i szerokość (szerokość) oraz przekładki (dopełnienia).

Na obrazie wartości kodów robią i filtr krycie i określ ścieżkę do obrazu.

RGBA-metoda

Istnieją inne możliwości korzystania z tej właściwości CSS: przejrzystość może być zastosowane do koloru bazowego jakiegokolwiek elementu konstrukcji. Wykorzystuje metodę RGBA. Pierwsze trzy litery oznaczają podstawowych kolorów (czerwony, rozszczepienia, niebieski), a ostatni – alfa, który określa poziom przejrzystości. Korzystanie RGBA-formatu przepisuje przejrzystości, kierując go do ostatniej cyfry. Na przykład, jak: tle: RGBA (240,2,33,0.4035).

wniosek

Zatem stosując w trakcie pracy na projektowanie stron proste, ale skuteczne funkcja css „przejrzystości”, można uczynić go bardziej interesujące i bardziej zauważalne elementy przy minimalnym wysiłku. Opisane przykłady są niestandardowe funkcje przejrzystość pomoże Ci w tym.