Forum begins after the advertisement:
-
::When i added the slash animation the side slash is ok sized but up and down slash is way smaller and i have also ensured the code from the blog and even fixed the scale of all slash elements and they are the SAME BUT IT STILL DOESNT WORK
::It sounds like you’re having an issue with the sizing of your slash animations, specifically with the vertical slashes being smaller than the horizontal ones. Here are a few things you can check in your code:
-
CSS Transformations: Make sure that you are not applying any transformations (like scale
, translate
, or rotate
) that might be affecting the size of the vertical slashes differently from the horizontal ones.
-
Aspect Ratio: Check if there are any settings in your CSS that might affect the aspect ratio of the vertical slashes. Sometimes, properties like height
, width
, or line-height
can cause discrepancies in size.
-
Flexbox/Grid Settings: If you are using Flexbox or Grid for layout, ensure that you do not have properties like align-items
or justify-content
altering the size of the vertical slashes.
-
Browser Dev Tools: Use your browser’s developer tools to inspect the size of both the horizontal and vertical slashes. This can help you pinpoint where the size difference is coming from.
-
Code Snippet: If you can share a simplified version of your code, that would be helpful. This way, I can take a closer look and help identify any issues.
-
Animation Properties: Check the animation properties specifically for the vertical slashes. Ensure they are consistent with the properties applied to the horizontal slashes.
Try these suggestions and let me know if you find anything or if you need further assistance!