A quick css/js version of the windows 8 UI. [www.ashleyjt.net/windows]
This is blinking on all mouseovers.
it doesn't do that on my hosted version. probably something in codepen
Nice. Getting a little clipping issue on the left boxes. Can't work out why though.
yeah, its because the slider's container starts there, were as the right side has some padding, so the boxes have some space to expand
O okay, could we not just get rid of the overflow:hidden on the ul then and add a positive padding with a negative margin then? http://codepen.io/Simonclavey/pen/maJyo Like this? Not perfect but you get the idea.
ahh perfect. thanks for that
Nice looking demo! Question - was this originally written in SASS and then the generated style copied here? I ask because the :hover transitions are unnecessarily repeated for each of the colors, instead of applied to a common class, which is easy to miss with @extend vs @include.
Yeah I wrote this using SASS. I pasted the uncompressed version of the CSS. I used both @extend, @include and a few mixins to make life a bit easier
Codepen accepts SASS (gear toggle) - would rather see the clever version anyway :)
try adding this to your code:
Nice job! Just add backface-visibility: hidden;
-webkit-backface-visibility: hidden; to prevent blinking, I think it's currently supported with -webkit-.
Need to know how to enable it? Go here.