Dziś stworzenie projektu strony internetowej staje się prawdziwą sztuką.To nie tylko zestaw stron określonego koloru i wielkości czcionki, różne style i zdjęć tematycznych.W celu dokonania strona różni się od innych, aby przyciągnąć uwagę zwiedzających i wysłać go do tych lub innych elementów przy użyciu ogromnej liczby metod i narzędzi.Wśród nich jest bardzo popularny css nieruchomości - przejrzystość.Ta technika jest bardzo modne i efektowne, a zatem jest używane często.Możesz dać przejrzystość różnych przedmiotów stron - tekst, obraz lub całego urządzenia, na przykład.Można to również osiągnąć w różny sposób.Przeanalizujmy je poniżej.Parametry
ustawić przezroczystość elementów parametrów
pozwalających dostosować przejrzystości elementów kilka.Są one używane w zależności od konkretnych celów, a przeglądarka, która jest pod "skorygowany" projektu.Są to następujące właściwości:
- krycie;Filtr
- ;
- PNG-obraz jako tło.
wartości właściwości css "przejrzystość" zmieniają się w następujący sposób: im wyższa liczba, tym niższy poziom przejrzystości elementu.Zadymienie waha się od 0 do 1, w filtrze - od 10 do 100. I ostatnia służy do przeglądarki intérêt Explorer, a dla wszystkich innych obowiązujących nieruchomości jest krycie.
Przezroczystość obrazu (zmiana)
opcji, gdy zaczynają się przejawiać się będzie przejrzystość po przesunięciu kursora myszy do punktu.
zastanowić się, jak ustawić przezroczystość obrazu.CSS oferuje dwie opcje.Aby to zrobić, należy zarejestrować go w kod HTML-dokumentu w następujący sposób:
- Określ ścieżkę do obrazu.
- definiuje parametry przejrzystości, gdy kursor nie znajduje.Do tego używamy właściwości onmouseover i onmouseout, który określa wartość filtra i krycie.
Cechy te mogą być zapisane w dokumencie CSS oraz kodu źródłowego, aby dodać link do niego.Wyniki okazują się takie same.
bloki przejrzysty tekst i strony
jak dla tekstu lub bloku (przejrzyste div), css oferuje swoją opcję, podobny do stworzenia przejrzystego obrazu, który jest używany podłączony CSS-plik, który zostanie podany niezbędne parametry.Możesz iść i prostszy sposób.Po ustawieniu stylu bloku div style lub tekstu, str określają następujące elementy kodu HTML onmouseover i onmouseout dla.Oba rozwiązania są skuteczne i dają pożądany wynik.
Przejrzystość stała
W niektórych przypadkach, przezroczystość obiektu, element projektu lub tekst, który ma zostać ustawiony na bieżąco.W tej sytuacji, rozwiązanie jest jeszcze prostsze, niż w przypadku myszy.
elementem css przejrzystości zostaną podane następujące kod.W bloku div style przepisać wartości tle (na przykład # ff8800), krycie (na przykład 0,5) i szerokość (width) oraz padding (padding).
do zdjęć w kodzie robią wartości i filtru krycia i określić ścieżkę do obrazu.
RGBA-metoda
Istnieją inne możliwości korzystania z tej właściwości CSS: przejrzystość może być stosowana do koloru tła elementu konstrukcji.Wykorzystuje metodę RGBA.Pierwsze trzy litery oznaczają podstawowe kolory (czerwony, rozszczepienia, niebieskie), a ostatni - alfa, który określa poziom przejrzystości.Korzystanie RGBA-formatu określa przejrzystość, kierując go do ostatniej cyfry.Na przykład, jak: tle: RGBA (240,2,33,0.4035).
Wnioski
Zatem stosując w trakcie prac nad projektem strony jest proste, ale spektakularne nieruchomości css "przejrzystość", możesz zrobić to bardziej interesujące i bardziej zauważalne elementy minimalnym wysiłku.Opisane przejrzystość wydajność realizacje zadania pomoże Ci w tym.
