webdes
November 20, 2017, 11:47pm
1
Hi,
Is it possible to crop an image with Webflow by using CSS. I have a number of images uplaoded and would like to hide/crop parts of them. Re-doing them all in Photoshop would be extreme, since there are hundreds of images in the CMS.
Thanks for your help!
PixelGeek
(Nelson)
November 20, 2017, 11:58pm
2
Hi @webdes That is a good question.
You have two options:
A) put a DIV block, then inside of that put your image. Then set your DIV block to have an overflow:hidden
and set a width and height to it.
B) Do the same as above, but don’t put an image. Instead set your image as a background image to that DIV block
hope this helps
3 Likes
Does A) works on Chrome ? I believe, it’s not.
1 Like
webdes
November 21, 2017, 2:55pm
5
@PixelGeek I think A) doesn’t work on some browsers like Chrome. Thanks for your help!
deanchung
(Dean)
December 24, 2017, 11:01pm
6
@PixelGeek Is there another option so that it work on all browsers?
dram
(Alex Dram)
December 25, 2017, 12:05am
7
option B works on all browsers I believe. Option A works only if you need to cut off bottom part of an image.
system
(system)
Closed
April 29, 2018, 8:48am
9
This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.