Как сделать масштабирование текста с помощью jQuery?

Question

Я хотел бы воссоздать эффект в нижнем колонтитуле этого сайта: http://desandro.com/ (наведите курсор на «Desandro made this» в левом нижнем углу.

Здесь они используют CSS3 и text-shadow, но мне было интересно, можно ли это сделать с помощью jQuery, чтобы он работал во всех браузерах?

Спасибо.

Answer 1

вы можете сделать это

решения:

1. вам не нужно jquery для этого.просто создайте класс и используйте Class_name: hover.это будет работать.Указанное вами название веб-сайта не использовало для этого jquery.

2. , если вы хотите, чтобы jquery ссылался на это, например:

   HTML:

   <a href="#">
       <span>David</span>
       <span>DeSandro</span>
       <span>DeSandro</span>
       <span>DeSandro</span>  
   </a>
   

   jquery:

    $(document).ready(
       $(a).hover(
          function(){
             $(this).children().eq(0).addclass('style1');
             $(this).children().eq(1).addclass('style2');
             $(this).children().eq(2).addclass('style3');
             $(this).children().eq(3).addclass('style4');
         },
         function(){ 
             $(this).children().eq(0).removeclass('style1');
             $(this).children().eq(1).removeclass('style2');
             $(this).children().eq(2).removeclass('style3');
             $(this).children().eq(3).removeclass('style4');
         });
    );
   

Я не уверен, поддерживает ли браузер IE этот CSS

Answer 2

Для кросс-браузерных эффектов тени cs3, градиентов и закругленных углов вы можете использовать http://css3pie.com/ на самом деле CSS3 работает во всех последних браузерах, кроме IE7 и так или иначе IE8, поэтому css3 pie.com является решением для IE. ;)