javascript - Lors de l'utilisation des transitions/animations CSS, etc., 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 supporte pas les animations CSS, revenir alors à l'utilisation de jQuery pour l'animation. Y a-t-il un moyen facile de faire cela en jQuery ? Un plugin serait OK, s'il

Lire la suite →

javascript - Comment créer un engrenage rotatif 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

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

Rép

Lire la suite →

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

J'ai créé un menu plutôt complexe pour un site web. Le menu repose sur une grande quantité d'animations basées sur CSS3. Cependant, lorsque je navigue vers une page différente, le menu devrait se construire initialement - et sans toutes les animations, mais fait en JavaScript 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 marquage JS est une mauvaise pratique ?

Le scénario :

• Une page d'accueil qui est générée avec PHP et un moteur de template.
• 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étail d'article, un modèle de
  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 je n'arrive pas à faire en sorte que le HTML/CSS l'affiche comme je veux (sans créer un tableau sans bordures et mettre chaque point dans une cellule).

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

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ù certains 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-transit

Lire la suite →

javascript - Créer un site web redimensionnable avec un manque de compétences en CSS - Formes CSS

Ceci est ma première question ici, donc veuillez signaler 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 uniquement avec une taille fixe des éléments :

Sur d'autres résol

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 en 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 pers

Lire la suite →

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

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

Mon problème est que lorsque je passe la souris sur une image, elle s'agrandit mais pous

Lire la suite →