How to make round corners and transparency?

    4 answers 4

    Transparency:

    $('.className').css('opacity', '0.5');

    Rounding corners for different browsers, sometimes ancient) on CSS:

     behavior: url(/border-radius.htc); border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;

    border-radius.htc for explorer.

    PS most cross-browser solutions - images (rounded edges), but believe me they are not worth it :) CSS styles are quite enough

      Why so much with add. libraries life complicate? And not enough

       $.('.class_name').css('opacity', '0.5');

      or

       $.('.class_name').css('border-radius', '5');

      ???

      • I support, the usual css is enough, it makes no sense to hang a bunch of different libraries :) - metazet

      It is necessary to choose the appropriate plugin. For example, for rounding corners - jQuery Corner . Then the rounding of the #box block looks like it is done like this:

       $(document).ready(function() { $("#box").corner(); });

      And to add transparency, opacity - jQuery Transify . Then adding transparency to the #box block is done like this:

       $(document).ready(function() { $('#box').transify(); });

        Make style not style?

        Flash, Java, PHP + GD. Pixel drawing with JS))

        • Monsieur knows a lot about perversions - kemerov4anin