obraz - Kurs HTML i CSS
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...
- 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ć...