obraz - Kurs HTML i CSS
Ikony (symbole) / Audio i wideo...Naklejki AR ar_stickers ar_stickers Przewiń do przodu (koło) forward_circle forward_circle Aparat słuchowy hearing_aid hearing_aid Zamień obraz replace_image replace_image Szybkość 2x speed_2x speed_2x Wybierz do mówienia select_to_speak select_to_speak Informacje o filmie movie_info movie_info Pełne HD full_hd full_hd Alert mikrofonu mic_alert mic_alert Dodaj tylną kamerę wideo video_camera_back_add video_camera_back_add 2D 2d 2d AVC avc avc Podziel scenę split_scene...
- Multimedia HTML / Obrazek HTML <img>
...<img src="ścieżka dostępu" alt="Tekst alternatywny"> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). Informacja alternatywna jest przydatna w przeglądarkach, które nie wyświetlają grafiki lub kiedy użytkownik...
Pozycjonowanie CSS / Obcinanie {clip}...100px, 100px, 0)" określa obszar do przycięcia, gdzie wartości to kolejno: górny, prawy, dolny i lewy margines przycinania. Jak wyciąć fragment obrazu w CSS? Aby wyciąć fragment obrazu w CSS, używa się właściwości clip. Na przykład, jeśli mamy obraz o wymiarach 200 pikseli na 200 pikseli, i chcemy wyciąć jego górny lewy kwadratowy fragment o wymiarach 50 pikseli na 50 pikseli, możemy to zrobić następująco: "clip: rect(0, 50px, 50px, 0)". Ta deklaracja clip określa obszar, który ma być...
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
...rogi w zdjęciu? Aby zaokrąglić rogi w zdjęciu (<img>) w CSS, użyj właściwości border-radius i określ promień zaokrąglenia. Przykład: <img src="obraz.jpg" style="border-radius: 50%" alt="Zdjęcie"> zaokrągli rogi zdjęcia na pół obrazu, tworząc efekt zaokrąglonego wycinka.
- Obramowanie CSS / Cień {box-shadow}
...rgba(0, 0, 0, 0.3);" dodaje cień z przesunięciem 3 piksele poziomo i pionowo, rozmyciem 5 pikseli i kolorystyką szaro-czarną. Jak zrobić cień z obrazka? Aby dodać cień do obrazka (<img>) w CSS, można użyć właściwości box-shadow. Przykład: <img src="obraz.jpg" style="box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5)" alt="Obrazek"> dodaje cień o przesunięciu 5 pikseli poziomo i pionowo, rozmyciu 10 pikseli oraz kolorystyce szaro-czarnej.
- Jednostki CSS / Rozdzielczość
...Opera, Chrome oraz Internet Explorer z wyjątkiem dppx) Jednostki rozdzielności określają wielkość pojedynczej "plamki" w graficznej reprezentacji obrazu, wskazując ile takich plamek zmieści się na długości odpowiednio: 1in, 1cm lub 1px. Używane są np. do ustawiania jakości wydruku - im większa rozdzielczość, tym bardziej szczegółowy obraz. Jednostkami rozdzielności są: dpi - plamki na cal (ang. dots per inch) dpcm - plamki na centymetr (ang. dots per centimeter) dppx - plamki na piksel...
- Typy MIME / Multipurpose Internet Mail Extensions
...określa nazwę programu, dla którego są przeznaczone dane) audio Dane audio (podtyp określa format audio) image Jeden lub więcej indywidualnych obrazów (podtyp określa format obrazu) text Materiały mające głównie formę tekstową video Zmienny w czasie obraz, możliwe że z dźwiękiem Podtypy mediów Każdy typ mediów definiuje określone podtypy, które może przyjmować. Drzewa rejestracji Nazwa podtypu może się rozpoczynać specjalnym przedrostkiem, który określa jego rodzaj (drzewo)...
- HTML5 / Dekodowanie obrazków <img decoding>
...dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony - zwłaszcza w przypadku dużych...
- Ikony (symbole) / Ikony do pobrania
...ikon, które możesz pobrać i wykorzystać w swoich projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu Audio i wideo Transport Aktywności Sprzęt Android Prywatność i bezpieczeństwo Podróż Gospodarstwo domowe Dom Sztuczna inteligencja (AI) Marka Możesz również szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora, który jest załączony poniżej. Kolorowe emotikony do...