javascript - Lors de l'utilisation des transitions/animations/etc. CSS, quelle est la meilleure façon de revenir à jQuery si le navigateur de l'utilisateur ne prend pas en charge les animations CSS ?

Je cherche un moyen d'utiliser les animations CSS, mais si le navigateur de l'utilisateur ne prend pas en charge les animations CSS, alors revenir à l'utilisation de jQuery pour l'animation. Y a-t-il un moyen facile de faire cela avec jQuery ? Un plugin serait

Lire la suite →

javascript - Comment puis-je créer un engrenage tournant avec CSS3 et jQuery ?

J'ai le site suivant qui est en Flash avec des engrenages tournants en arrière-plan :

http://thedrivepartnership.com/index.html

J'aimerais créer quelque chose de similaire en utilisant CSS et JavaScript - est-ce que quelqu'un connaît des exemples existants ?

Répo

Lire la suite →

javascript - Puis-je désactiver temporairement toutes les transitions/animations CSS3 pendant qu'un élément est créé ?

J'ai créé un menu assez complexe pour un site web. Le menu repose sur une énorme quantité d'animations qui sont basées sur CSS3. Cependant, lorsque je navigue vers une autre page, le menu devrait se construire initialement - et sans toutes les animations, mais réalisé côté JS et non côté serveur.

Maintenant, je me demande comment je pourrais désactiver complètement toutes les transitions/animations temporairement, jusqu'à ce que le menu soit construit.

J'ai pensé à créer une sous-

Lire la suite →

php - Est-ce que l'utilisation des classes CSS pour le balisage JS est une mauvaise pratique ?

Le scénario :

  • Une page d'accueil générée avec PHP et un moteur de modèles.
  • La page est en cours de refonte.
  • Le nouveau design est basé sur jQuery UI.
  • Le CMS actuel utilise plusieurs modèles : un modèle de page, un modèle de détails d'article, un modèle de comment

    Lire la suite →

javascript - Comment puis-je créer un dé virtuel (pour jouer aux dés) en utilisant html et css ?

J'essaie de créer un dé virtuel (pour jouer aux dés) en utilisant CSS/HTML et JavaScript... Ma partie JavaScript fonctionne, mais il semble que je n'arrive pas à faire afficher le HTML/CSS comme je le veux (sans créer un tableau sans bordures et mettre chaque point dans une cellul

Lire la suite →

Lire un fichier CSS avec Javascript et modifier dynamiquement la page

Donc les requêtes CSS @media ne fonctionnent pas dans IE8.

@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }

Maintenant, je pourrais créer des fichiers CSS séparés nommés IE_min768.css et IE_min972_max1024 et utiliser Javascript pour charger et décharger dynamiquement les fichiers au fur et à mesure que la largeur de la page est ajustée. Mais cela v

Lire la suite →

Transitions CSS bloquées par JavaScript

J'essaie de créer une barre de chargement pendant une période très intensive de JavaScript où des tableaux 3D assez lourds sont construits et remplis. Cette barre de chargement doit rester vide jusqu'à ce que l'utilisateur clique sur un bouton.

Le gel se produit que j'utilise ou non -webkit-transition

Lire la suite →

javascript - Création d'un site web redimensionnable avec peu de compétences en CSS - Formes CSS

Ceci est ma première question ici, alors s'il vous plaît, indiquez-moi toutes les erreurs que j'ai faites. J'ai été obligé de créer une page web qui ressemble à un drapeau d'une équipe. J'ai réussi à le faire, mais seulement avec des éléments de taille fixe :

Sur d'a

Lire la suite →

javascript - Convertir la valeur du champ de vision en valeur de perspective CSS3D

Si je souhaite avoir une caméra avec un champ de vision de 60°, comment calculer la valeur de perspective CSS3D ?

perspective: ?; perspective-origin: center center;

J'ai trouvé une description sur la façon de calculer la matrice de projection à partir de la valeur de perspec

Lire la suite →

javascript - Agrandir l'image au survol et afficher le texte dessus CSS3

J'essaie de créer une page d'images réactive pour mon site web. Jusqu'à présent, j'ai fait en sorte que les images de la page soient toutes réactives et restent centrées quelle que soit la taille du navigateur.

Mon problème est que lorsque je survole une image, elle s'agrandit mais pousse toutes les au

Lire la suite →