5 ms·
Chrome-like Moving Highlight With CSS Gradients
- tommi 16y agoPlease don't start using this. It already bad enough with the Chrome. It's a nice effect but I don't consider it particularly nice nor user friendly eye candy.
- twodayslate 16y agoIt looks great. I see more and more UIs using this.
- DougBTX 16y agoIt looks good in Win7 too, I like how the colour of the glow is controlled by the application's icon.
- some1else 16y agoThe idea has been around in game user interfaces for a while. The mouse-trail dhtml animations were a plague, but this pertains to single elements, and may help elevate their importance in the visual hierarchy.
- moe 16y agoThe element highlight has a purpose. It tells the user: You are currently hovering this and your next mouse-click will activate it. How does highlighting only part of the hovered element help to "elevate" anything?
- ugh 16y agoBad enough with Chrome? Did you even notice it before you read the article?
- tommi 16y agoI did.
- samtp 16y agoI can't notice it on Chromium
- rlivsey 16y agoIt doesn't work for me on the article page itself, but it you view the demo (link at the bottom of the article) then you can see it working.
- sid0 16y agoI think he's referring to the effect in the UI itself. I don't see it either, so it's probably limited to some platforms.
- rlivsey 16y agoAh fair point, I don't use Chromium so hadn't noticed whether or not the effect was present. The page itself confused me though as I thought the inline images were meant to be working demos and they did nothing for me until I went to the demo page itself. [edit] fixed typo
- thwarted 16y agoWhy are the demos on these things always on another page behind another link?
- richbradshaw 16y agoI couldn't see it til I realised that it's only on inactive tabs.
- baddox 16y agoMe neither, on Chrome and Windows 7.
- code_duck 16y agoThis effect is in Chrome for Mac OS only (I assume Chromium as well - haven't used that on the Mac yet). I noticed it a while back in that version... it's subtle. You have to be looking at the tab to notice. The effect doesn't appear in either Chrome or Chromium for Linux or Windows.
- moe 16y agoWhat's the point? You either apply this affect as subtly as chrome; then it does nothing for usability (neither positive, nor negative). Or you apply it as visible as in this blog post; then it's distracting and hurts usability. Either way I can't see why you'd bother. Unless you're a bored google chrome engineer...