Very cool indeed. What things CSS can do in the hands of an expert these days is seriously impressive. EDIT: Cohost seems interesting... if anyone has an invite that would be lovely. Email is in my profile here.
I've been trying out Remotion to make videos in React and my mind is blown. Utilizing CSS (filters,translations,blend-modes e.t.c) has made me more proficient than I ever was in After Effects
An interactive mechanical contraption in pure CSS
51–58 of 58 posts
Re: An interactive mechanical contraption in pure CSS
#52Super impressive use of the height of the container to set state. How it works: The left rope has a "resize: vertical" attribute set, which lets you dynamically change the height of it with only css. This influences the height of the parent container, as it's the only div that doesn't have its height set as a percentage. Every other div has is height set to a "calc()" with a percentage and an added set amount of pixe…
Re: An interactive mechanical contraption in pure CSS
#53Re: An interactive mechanical contraption in pure CSS
#54Re: An interactive mechanical contraption in pure CSS
#55Earlier quoted context omitted.
author here. the website that hosts this is a new social media website that allows a limited amount of html (only inline css, no js or elements), and a small subculture/arms race has developed to see who can make the wildest thing under those restrictions.
Offtocpic, but are you the person behind the blackle dark google search ui?
Re: An interactive mechanical contraption in pure CSS
#56Super choppy in Safari, super smooth in Chrome.
Re: An interactive mechanical contraption in pure CSS
#57Re: An interactive mechanical contraption in pure CSS
#58Earlier quoted context omitted.
It's a bit fiddly, don't just click-drag the end of the rope, hold the mouse pointer over the end until it changes.
Yes, indeed. The positioning of the mouse cursor over the rope end in order to pull the rope appears to be much more critical in Firefox than in Chromium/Chrome. As mentioned, the mouse cursor must change into a double-pointed vertical arrow, to allow rope pulling, so the shape change identifies the right spot.
Nice of everyone to downvote my report though, as if I was just making things up in here to troll.