141–144 of 144 posts
Earlier quoted context omitted.
What the parent is describing isn't a shape at all, though. The behaviour is different depending on the direction the cursor is moving.
Built a quick demo that shows that (a) you can mostly do it with HTML/CSS and (b) the experience isn't great: https://codepen.io/andy-ingram/pen/MXPqZN?editors=1100
Context: I like the Bloomberg site and their drop-down menu is cool. Purely as a challenge, I set out to mimick the styles and behaviour of that menu without using JavaScript and trying to keep the HTML/CSS as minimal as possible. Their menu widget does not work if you switch of JS (but this was not a motivation for me to make this). Tested on IE 11, Edge 12, latest Chrome stable and Firefox dev on Windows 10. Source…
If I was a bit more skilled I'd try and help you out on mobile compatibility.
Context: I like the Bloomberg site and their drop-down menu is cool. Purely as a challenge, I set out to mimick the styles and behaviour of that menu without using JavaScript and trying to keep the HTML/CSS as minimal as possible. Their menu widget does not work if you switch of JS (but this was not a motivation for me to make this). Tested on IE 11, Edge 12, latest Chrome stable and Firefox dev on Windows 10. Source…
@dosy great work. If I was a bit more skilled I'd try and help you out on mobile compatibility.
Earlier quoted context omitted.
Sadly `auto` values can't be animated. It can only be done with a bunch of hard-coded sizes and positions. Remove an item anywhere and you'll have to manually adjust.
> Sadly `auto` values can't be animated. Sure, height:auto can't be animated - but max-height:800px, for example, can be used to similar effect.