Deleted Comment
But on the other hand, it would have been a fucking travesty doing a lockdown without ordering on Uber eats and Co.
And those platforms were the innovators in the space. Restaurants who could develop similar platforms would have never allocated the money, and others who would never have had the opportunity to offer such services, would have never tapped the overall market (i.e. People with Internet who are hungry and need food for any reason, be it no groceries or just laziness).
Can't there be some sort of middle ground ?
Deleted Comment
`transition: * 0.6s ease` won't work anyway, `*` is a selector, they're looking for a value of `all`. Omitting the transition property all together (i.e. `transition: 1s`) is what people often do but this is bad practice for the reasons they stated.
Also, for the CSS examples I believe they mean to set `.animated:hover` to `opacity: 1;` not 0.
I like the idea of using an SVG mask to make a transparent background on the jpg.
https://bennettfeely.com/csspiechart/