ombres drop redimensionnables avec JQuery

Question

Je suis à la recherche d'un plugin JQuery qui supporte l'ajout d'ombres redimensionnables à divs, tables, texte, etc. Je veux seulement que l'ombre redimensionne lorsque l'utilisateur redimensionne la fenêtre du navigateur (les éléments avec les ombres ne sont pas traçables).

J'ai essayé this plugin mais il ne semble pas réduire la largeur d'une ombre lorsqu'un utilisateur rétrécit la fenêtre du navigateur.

Merci, Don

Answer 1

Si les ombres ne sont pas tout à fait critique, je suggère d'utiliser simplement les ombres de la boîte de CSS3. Ils sont pris en charge sur toutes les versions récentes des principaux navigateurs sauf IE.

-moz-box-shadow: 4px 4px 8px #000; 
box-shadow: 4px 4px 8px #000; 

A propos: http://www.css3.info/preview/box-shadow/

Le problème avec les ombres générées par JS (à savoir les ombres faites avec jQuery) est qu'ils sont vraiment lents à générer. Ils sont générés pixel par pixel, en ajoutant le DOM avec beaucoup de balisage. Si vous deviez les régénérer pendant que le navigateur se redimensionnait, le processeur de l'utilisateur serait en vie.

Si vous êtes courageux et que vous voulez avoir des ombres redimensionnables quel que soit le navigateur utilisé par l'utilisateur, le autre chemin utilisera des images et CSS pour construire les ombres. Ce method'd être redimensionne convivial entièrement:

http://www.alistapart.com/articles/cssdrop2/