4elements, web design and consultancy

  1. cssFx, makes your live a bit easier

    cssFx cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth! Properties Supported Border radius, box shadow, flex box, RGBA, gradients, multiple columns, border image, transforms, transitions, opacity, inline-block, ellipsis, and more. Get it (just updated): cssFx


    Leave a comment › Posted in: CSS

    1. Rounded corners

      This will work in Safari and FireFox only: #box_with_corner { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #666666; -moz-border-radius: 8px; -webkit-border-radius: 8px; } And who knows that Microsoft will include CSS3 into IE8. (wishful thinking)


      Leave a comment › Posted in: CSS

    1. Nice img over fix

      We found a nice CSS .img mouse over fix that works in all browsers. .img { padding:5px; border:1px solid #333333; background-color: #FFFFFF; } .img:hover { border:1px solid #589FBF; } Leave away the "." in .img and all your mouse_over images will be handled the same.


      Leave a comment › Posted in: CSS