Articles of css3

Comment sélectionner le dernier enfant avec un nom de classe spécifique dans CSS?

test1 test2 test3 test4 Comment sélectionner le “dernier enfant” avec le nom de la classe: list ? ul li.list:last-child{background-color:#000;} Je sais que l’exemple ci-dessus ne fonctionne pas, mais y a-t-il quelque chose de similaire à cela qui fonctionne? IMPORTANT: a) Je ne peux pas utiliser ul li:nth-child(3) , car il peut arriver que ce soit […]

pivoter3d sténographie

Comment combiner rotateX(50deg) rotateY(20deg) rotateZ(15deg) en sténographie rotate3d() ?

Plage de types de saisie HTML5

Je crée un site Web sur lequel je souhaite utiliser le curseur de gamme (je sais qu’il ne prend en charge que les navigateurs Webkit). Je l’ai complètement intégré et fonctionne bien. Mais je voudrais utiliser une zone de texte pour afficher la valeur de la diapositive actuelle. Je veux dire que si initialement le […]

Créer un effet de zoom sur une image en survol avec CSS?

J’essaie actuellement de créer un effet de zoom sur l’une de mes quatre images. Le problème est que la plupart des exemples utilisent généralement des tableaux ou des divs de masques pour appliquer une sorte d’effet. Voici un exemple qui met en oeuvre ce que je voudrais. C’est mon code jusqu’ici. HTML CSS #menu { […]

Positionner les icons dans le cercle

Comment puis-je positionner plusieurs éléments dans un cercle autour d’un autre et que ces éléments soient tous des liens cliquables? Je veux que cela ressemble à l’image ci-dessous, mais je ne sais pas comment atteindre cet effet. Est-ce seulement possible?

Affichage CSS: la ligne de la table ne s’étend pas lorsque la largeur est définie sur 100%

J’ai un petit problème. J’utilise FireFox 3.6 et possède la structure DOM suivante: Type Name Et le CSS suivant: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } Si je supprime l’ display:table-row apparaîtra correctement, la ligne de view-row affichant une largeur de 100%. Si je le remets, […]

Comment diminuer la luminosité de l’image en CSS

Je veux diminuer la luminosité de l’image en CSS. J’ai beaucoup cherché mais tout ce que j’ai à dire, c’est comment changer l’opacité, mais cela rend l’image plus lumineuse. Quelqu’un peut-il m’aider ?

Contrôler la longueur de trait et la distance entre les traits

Est-il possible de contrôler la longueur et la distance entre les traits en pointillés dans CSS? Cet exemple ci-dessous s’affiche différemment entre les navigateurs: div { border: dashed 4px #000; padding: 20px; display: inline-block; } I have a dashed border! Grandes différences: IE 11 / Firefox / Chrome Existe-t-il des méthodes permettant de mieux contrôler […]

Forcer un enfant à obéir aux frontières courbes d’un parent en CSS

J’ai une div à l’intérieur d’une autre div. #outer et #inner . #outer a des bordures incurvées et un fond blanc. #inner n’a pas de bordures incurvées ni de fond vert. #inner s’étend au-delà des bordures courbes de #outer . Y a-t-il un moyen d’arrêter cela? #outer { display: block; float: right; margin: 0; width: […]

Autowidth de colonne de table CSS

Compte tenu de ce qui suit, comment puis-je rendre la taille automatique de ma dernière colonne à son contenu? (La dernière colonne doit être autosize-width au contenu. Supposons que je n’ai qu’un élément li, il devrait rétrécir contre 3 éléments li, etc.): Type File Sample Action Division 1 Division 2 Division 3 Division 4 Division […]