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!
.
