The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Ken Burns with Corner Radius
Hi guys
I was wondering if anyone could help me?
I have used CSS to create a Ken Burns effect in my home page article tiles – however, the image loses its corner radius when I hover over it – ideally I would like the image to stay within the tile?
https://safeandsound.atelierdev.uk
Thanks in advance
From a quick glance, I would use overflow: hidden on .tile.
overflow: hidden
.tile
Perfect! That did it – many thanks
Do you know why it breaks in Safari? Is there a fix for this? Thanks again – articles at the bottom of this page: https://safeandsound.atelierdev.uk/how-can-you-effectively-use-a-nit-comb-to-remove-head-lice/
That seems to be a bug, some answers can be found here.