Articles of css

Disposition de maçonnerie en CSS uniquement mais avec des éléments ordonnés horizontalement

J’ai besoin de mettre en œuvre un agencement de maçonnerie assez ordinaire. Cependant, pour plusieurs raisons, je ne veux pas utiliser JavaScript pour le faire. Paramètres: Tous les éléments ont la même largeur Les éléments ont une hauteur qui ne peut pas être calculée côté serveur (une image plus diverses quantités de texte) Je peux […]

Transition CSS lorsque la classe a été supprimée

J’ai un formulaire qui fonctionne comme une page de parameters. Lorsque les éléments de formulaire sont modifiés, ils sont marqués comme unsaved et ont une couleur de bordure différente. Lorsque le formulaire est enregistré, ils sont marqués comme enregistrés en ayant une autre couleur de bordure. Ce que je veux, c’est que lorsque la forme […]

empêcher: après l’élément de s’emballer à la ligne suivante

J’ai ce HTML: I want the icon to stay on the same line as this last word J’ajoute une icône en utilisant le pseudo élément: après: ul li.completed a:after { background:transparent url(img.png) no-repeat; content: ”; display:inline-block; width: 24px; height: 16px; } Le problème: si la largeur disponible est trop petite, l’icône passe à la ligne […]

Comment créer des sphères CSS à 3 dimensions?

tl; dr: Je voudrais créer une sphère 3d avec CSS – pas seulement une illusion Remarque: certains exemples d’extraits de code ne répondent pas. Veuillez utiliser le plein écran. Avec du CSS pur, vous pouvez créer et animer un cube 3D comme suit: #cube-wrapper { position: absolute; left: 50%; top: 50%; perspective: 1500px; } .cube […]

Barre de progression avec HTML et CSS

Je veux créer une barre de progression comme dans l’image ci-dessous: Je n’ai aucune idée de créer cela. Dois-je utiliser les techniques HTML5? Pourriez-vous m’aider à créer cette barre de progression?

Appliquer le style au parent s’il a un enfant avec css

J’essaie d’appliquer des styles au parent s’il comporte child éléments child . Jusqu’à présent, j’ai appliqué des styles aux éléments child , si présents. Mais je veux style le parent si le parent a un child , en utilisant UNIQUEMENT CSS . ce qui suit est le html aaaa aaaa aaaa aaaa aaaa bbbb bbbb […]

Pourquoi les navigateurs créent-ils des préfixes de fournisseur pour les propriétés CSS?

Peut-être que c’est une réponse évidente, mais Pourquoi les navigateurs décident-ils de créer leurs propres préfixes de fournisseur pour border-radius et autres? Je veux dire: pourquoi dois-je taper: -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; Est-ce parce que chaque plate-forme a pensé “Nous sums cool, nous trouverons une meilleure façon de faire des virages arrondis?” Il […]

Débogage Less / Sass dans Chrome Dev Tools / Firebug

Comment faites-vous la maintenance sur CSS construit avec Less / Sass? L’une des choses que j’aime dans les outils de développement / Firebug est la possibilité de voir le numéro de ligne d’un style CSS. Existe-t-il un autre moyen de le faire avec les préprocesseurs CSS, à part la recherche manuelle dans le fichier .less […]

Boutons radio et étiquette à afficher dans la même ligne

Pourquoi mes étiquettes et boutons radio ne restront pas sur la même ligne, que puis-je faire? Voici ma forme: First Item Second Item

Espace supplémentaire sous textarea, diffère selon les navigateurs

Il y a de l’espace supplémentaire sous le tag textarea. De 1 à 4 pixels dans différents navigateurs. Le balisage est très simple: body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } Voici comment […]