Directional card highlight, need help fixing 2 behaviours.
Following the video about directional navigation menu. I decided to try my hand at directional cards.
Problems:
1. Card does not move to second or third card when first hovered. Only afterwards it will correctly slide.
2. Card does not slide back to first position when mouse leaves cards.
https://www.youtube.com/watch?v=G_h2pGZcOzc...
open an div with an animation
i was trying to make a portfĂłlio and my problem is that i want to make a subcontent div that is related to the buttons ESCOLA, LINGUAGENS and EXPERIENCIAS, when these buttons are clicked the div will go from the top of the right frame to the bottom covering the buttons and showing the related content (i tried with JS but the "animation doens't work correclty, it needs to be clicked two times to work "), the third picture is actually the JS animation working, another problem is that when the back...
Divs with skewed backgrounds
Got a design I have to code that includes quite a lot of divs with some kind of skewed edge (see pics for examples). Would just like some input on how to best tackle this. I'm thinking either background images or using :before and :after pseudo elements with css skew. If you've ever done a lyout like this please chime in. Thanks in advance!
Carousel nivagation
Hello everyone,
I am making a carousel in React and CSS for navigation with modals. When I click on the next button, I want to show the next modal by making the previous one goes out of the screen and the new one to come (I used transform: 'translateX...' property for that). I am using MUI component Modal to have the background blurred and to be able go back by just clicking outside of the modal. Then I am using MUI MobileStepper for progression bullets. I am struggling with making it all work together. Do you know how could I fix that? Thank you!...
Help needed with CSS layout of 3 boxes where 1 box sits next another and then wraps under it.
Hello, I am trying to do a layout design I am not even sure if is possible to do. The basic idea is to have 3 boxes. The first contains an image and sit on the top left, the second is a table and sits on the right. The 3rd contains text and sits under the image, to the left of the table, but will wrap under the table if it goes that long. I have attached a porly drawn image of what I am talking about. I know with a Grid I can make the 3 boxes and align them up, I just don't know how to make that...
How to put two elements next too eachother
Im working what for the moment is just a twitter clone but got stuck when trying to put a picture next to my highlighted reply.
reply highlight html:
...
Achieving Design with Clip-Path: Seeking Guidance and Troubleshooting Gradient Borders
Could someone offer guidance on achieving the design I'm aiming for? I'm encountering an issue with clip-path where border-radius doesn't seem to work properly, particularly with gradient borders and backgrounds. Here's the link to the CodePen for reference: https://codepen.io/Amit-Soni-the-vuer/pen/dyLmQdj
