Ana Tudor 🐯 · @anatudor
885 followers · 805 posts · Server mastodon.socialAlso made a scroll-driven angled slide for the same #CodePenChallenge - see it on @CodePen https://codepen.io/thebabydino/full/zYJKRyq
Uses pure #CSS scroll-driven animations to make angled content section also slide right on vertical scroll.
Uses CSS shapes to make text flow along angled edges.
#CodePen #maths #trigonometry #CPCAngled #coding #webDev #webDevelopment
#codepenchallenge #css #codepen #maths #trigonometry #cpcangled #coding #webdev #webdevelopment
Ana Tudor 🐯 · @anatudor
883 followers · 804 posts · Server mastodon.socialMade a pure #CSS thing for the angled #CodePenChallenge https://codepen.io/thebabydino/pen/ExePBZp
✨tan to compute vertical spacing
✨responsive, no angle change on resize
✨no section background distortion (as skew does)
✨heavily commented
✨interactive angle change if browser supports tan()
#CodePen #maths #trigonometry #CPCAngled #coding #webDev #webDevelopment
#css #codepenchallenge #codepen #maths #trigonometry #cpcangled #coding #webdev #webdevelopment