I’m trying to ‘pull up’ the container in section 2 (straight below Hero section) so that is sits slightly above the section, to create a popping-out effect, lifting the element off its background. When I try to do this by applying negative padding to the ‘container’ element, I seem to successfully…

Hi @nicholasvi , in your case, the html structure can be done as shown in the video. Using the Transforms parameter, you can easily create animations with the Interactions. Good luck :v::slightly_smiling_face: [Can’t use negative padding]

Can't use negative padding

Design help General

nicholasvi (Nicholas Vi) July 10, 2018, 7:55am 3

Amazing thank you! Stupid me forgot that I had set overflow: none. Thank you thank you! Thought I was going crazy!

1 Like

Topic		Replies	Views
Link to section scrolls too far down Layout & Design	11	3436	March 9, 2024
Interaction ignores container overflow Animations & Interactions	2	2359	February 5, 2016
Creating page transition effect onpage load, but absolute positioning pushes the transition div past the hero section Animations & Interactions	3	1276	October 23, 2018
Section below hero overlapping instead of stacking General	4	2242	December 9, 2020
Need Help With Div Behind Logo (trying to avoid using (-'s) General	11	1879	December 22, 2015

Can't use negative padding

Related topics