Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
by the way, you don't have to use all those pseudo elements (I know you copied my code structure 😒). Applying the clip-path to the main element is enough. I used pseudo element to reduce the need of the html code and because I have to apply a filter to the parent element
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Yeah I did just grab the code structure, it was only when I was half way through I realised it was not necessary (I did think it was needed and then my brain finally worked after about 2 hours!), but I had already hard coded it into about 15 different places and I couldn't be arsed to remove it...so I just left it 🤣
Serves me right for copying without thinking! I also realised I didn't need loads of other properties as I was using vw units, so I could have just used them throughout and work as if the whole screen was the canvas....would have made the calculations a lot easier as I could have divided by 10 instead of 9.77 when calculating the positions as percentages!
Hence why this is not a tutorial...I made many many blunders! lol!
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
The sheer length of that GIF made me laugh! It seems my post had the desired affect! 🤣
by the way, you don't have to use all those pseudo elements (I know you copied my code structure 😒). Applying the clip-path to the main element is enough. I used pseudo element to reduce the need of the html code and because I have to apply a filter to the parent element
Yeah I did just grab the code structure, it was only when I was half way through I realised it was not necessary (I did think it was needed and then my brain finally worked after about 2 hours!), but I had already hard coded it into about 15 different places and I couldn't be arsed to remove it...so I just left it 🤣
Serves me right for copying without thinking! I also realised I didn't need loads of other properties as I was using
vw
units, so I could have just used them throughout and work as if the whole screen was the canvas....would have made the calculations a lot easier as I could have divided by 10 instead of 9.77 when calculating the positions as percentages!Hence why this is not a tutorial...I made many many blunders! lol!
I don’t know why I don’t ask you to just look at stuff I am working on with CSS…would save me loads of faffing as you spot stuff so quickly ❤️!