[ad_1]
Hi, im trying to make button with press animation using elementor like duolingo buttons, [duolingo.com](https://duolingo.com/)
I have set a button color to green with bottom border radius to 5
and im trying to set the button border to 0 when pressed
but none of them is working.
​
selector:active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 0; border-width: 0;
transform: translateY(5px); }
[https://codepen.io/blu6/pen/OJGxZMZ](https://codepen.io/blu6/pen/OJGxZMZ) – there’s no point setting the border-radius if you’re setting border-width to 0. Also, removing the border will cause a shift in the button, so it’s better to set the border-color to that of the background – as per my codepen.
Maybe try box shadow instead of border and make sure to set transition. I dont think you can animate border width, but i might be wrong.