CSS - ucięcie obrazka

[rafaeru]

Da się a jeśli tak to jak, przyciąć obrazek używając CSS. Mam obrazek np. 32px x 64px ale chce aby wyświetlało tylko powiedzmy 32px x 40px.

Przykład:

 Taki obrazek ma normalnie wielkość. 

 

 Tak chce aby go wyświetlało. (ucina różowe "transparency" od góry)

 

Ale jeśli np. obrazek ma 32px x 32px to wyświetla w całości.

[Fr4yta]

Tutaj znajdziesz całe rozwiązanie:

https://stackoverflow.com/questions/15685666/changing-image-sizes-proportionally-using-css

 

Pozdrawiam.

[coolwhip]

możesz jeszcze spróbować z pozycjonowaniem tylko wtedy obrazek musi być tłem o tak:

 

<style>
	.obrazek {
		background: url("img.png") 0 -20px no-repeat;
		height: 45px;
	}
</style>
<div class="obrazek"></div>

 

[YuckFou]

https://medium.com/@elad/how-to-crop-images-with-css-b8471d402b16