Je suis devenu hier un site Web dans l’école qui utilise la déclaration css3 flexbox. Je n’ai jamais utilisé ça avant. Donc, je google un peu. Et trouvé beaucoup de styles différents des instructions flexbox. Certains gars écrivent l’ display: box; , certains utilisent l’ display: flexbox; et autre display: flex; . Alors, quels sont […]
Je n’arrive pas à comprendre comment mettre les images en avant en utilisant CSS . J’ai déjà essayé de définir l’index z à 1000 et la position à relative, mais cela échoue toujours. Voici un exemple- #header { background: url(http://placehold.it/420×160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: […]
Comme le titre est-il possible d’émuler l’orientation dans Google Chrome ou Firefox? Sens en quelque sorte changer le navigateur pour prendre en charge la requête multimédia (orientation = (paysage ou portrait)) J’ai un émulateur pour mobile, mais j’aimerais avoir les outils de développement de chrome ou de firebug. Mettre à jour Chrome v25 spécifique … […]
TL; DR: Y a – t-il quelque chose comme la disposition de table-layout: fixed pour les grids CSS? J’ai essayé de créer un calendrier annuel avec une grande grid 4×3 pour les mois et des grids 7×6 nestedes pour les jours. Le calendrier doit remplir la page, de sorte que le conteneur de la grid […]
Ainsi, il est possible d’avoir une animation inverse sur la souris, par exemple: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mais, en utilisant l’animation @keyframes, je ne pouvais pas le faire fonctionner, par exemple: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to […]
J’ai le code HTML suivant: Centered? div.outer est une bande verticale étroite. div.inner est pivoté de 90 degrés. Je voudrais le texte “Centré?” à apparaître centré dans son conteneur div. Je ne connais pas la taille de chaque division à l’avance. Cela se rapproche: http://jsfiddle.net/CCMyf/2/ . Vous pouvez voir à partir du jsfiddle que le […]
J’ai une cellule de table avec une largeur et une hauteur fixes et si le texte est trop grand, la taille de la cellule doit restr la même et le texte doit être masqué par un débordement: masqué. div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle; } La cellule de table, […]
Bonjour, Je travaille avec plusieurs tablettes, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad, etc. iPad – 1024 x 768 LG Pad – 1280 x 768 Galaxy Tab – 1280 x 800 Je souhaite cibler l’iPad uniquement à l’aide de la requête multimédia CSS3. Étant donné que la largeur de l’appareil LG et de l’iPad […]
J’essaie de centrer les éléments internes d’une étiquette avec le contenu de justify-content: center de flexbox justify-content: center . Mais Safari ne les centre pas. Je peux appliquer le même style à toutes les autres balises et cela fonctionne comme prévu (voir l’étiquette ). Seul le bouton est aligné à gauche. Essayez Firefox ou Chrome […]
Je cherche à créer cette forme de cercles superposés en CSS: Fondamentalement, il suffit d’emstackr des cercles. J’ai regardé autour de moi et toutes les solutions que je vois incluent l’utilisation de plusieurs éléments div pour cet effet. Cependant, cela ne peut-il pas être fait avec un seul div, en utilisant CSS3? J’ai regardé comment […]