Skalowanie obrazka bez zwiększania jego rozmiarów (html/css)

0

Witam serdecznie.

Posłużę się przykładem by wytłumaczyć na czym polega mój problem :)

Mam na zewnętrznym serwerze img o rozmiarach np. 500px X 500 px.

Chciałbym go umieścić na swojej stronie, skalując go np. o 300%. Po zastosowaniu czy "zoom" czy "transform:scale" obrazek zwiększy swoje rozmiary o daną wartość. Ja potrzebuje zeskalować go w taki sposób, by na stronie wciąż miał rozmiar 500px x 500px (Widać byłoby tą powiększoną część, a wszystko co nie zmieściłoby się w tych 500px X 500px zostałoby zwyczajnie wycięte).

Myślałem, że można to załatwić umieszczając zeskalowany obrazek wewnątrz diva, któremu przypisałoby się sztywne rozmiary height i width - niestety, ten sposób nie działa, obrazek uparcie rozrasta się do wielkich rozmiarów.

Proszę o pomoc :(

1

Nie możesz dać tego obrazka jako background dla diva, a następnie skorzystać z atrybutu background-size ? Diva ustaw 500x500

0

Serdeczne podziękowania dla Ciebie, na to zwyczajnie nie wpadłem :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1