page-translate

Backgrounds multiples en CSS3

background / CSS3 / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Comment afficher, en CSS3, plusieurs backgrounds dans le même conteneur ?

En CSS "normal", nous devons utiliser plusieurs conteneurs emboîtés les uns dans les autres et/ou du Javascript pour avoir plusieurs backgrounds. Toutefois, grâce au CSS3, nous avons maintenant une synthaxe pour donner plusieurs backgrounds au même élément.

Voici un petit bout de code qui vous montre les nouvelles possibilités de la propriété background:

LIRE L'ARTICLE

CSS3 PIE : This cake is not a lie !

border-radius / CSS3 / CSS3 Pie / IE / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Dans un précédent article nous avons abordé la compatibilité des différents navigateurs vis-à-vis du HTML 5 et de CSS 3. La conclusion qui en découlait était que l'on pouvait utiliser ces langages sur des navigateurs récents, mais que les versions d'Internet Explorer antérieures à la 9 posaient problème.

LIRE L'ARTICLE

HTML 5 et CSS 3 versus les navigateurs : premier round !

CSS3 / HTML5

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Depuis un certain temps on entend souvent parler du HTML 5 et CSS 3 et de plus en plus d’agences Web se tournent vers ces technologies pour leur simplicité et leur accessibilité.

LIRE L'ARTICLE

Donner de la transparence à une image en CSS

CSS / CSS3 / HTML / opacity / transparence

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Il est très facile de donner de la transparence à une image ; pas besoin de modifier celle-ci dans Photoshop !

Grâce à la magie du CSS, nous pouvons modifier la transparence d'une image sur-le-champs. En effet, comme vous pouvez le constater dans l'exemple suivant, les fleurs de lys ont l'air différentes mais en réalité, elles sont pareilles. C'est simplement qu'un style CSS a été appliqué sur l'image de droite, ce qui fait qu'elle apparaît différement.

LIRE L'ARTICLE

Créer un bouton avec les coins ronds sans image pour Explorer, Firefox, Chrome, Safari

bouton / code / CSS / CSS2 / CSS3 / Explorer / Firefox / safari / style / truc

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Dans un article antérieur, j'ai déjà parlé d'un didactitiel pour créer des boutons de formulaire avec les coins ronds. La technique utilisée était pour vanter les mérites du CSS3, mais à quoi bon l'utiliser si la majorité des fureteurs ne prennent pas encore en charge toutes ces nouvelles propriétés de CSS3 ?

Firefox, Chrome, Safari, Opera

Sous Firefox, Chrome et Safari, il est simple de créer un bouton aux coins ronds (si vous ne le voyez pas, c'est que vous n'avez pas un fureteur qui le supporte !) :

LIRE L'ARTICLE

Bouton de formulaire en CSS3 et RGBA

CSS / CSS3 / didacticiel / formulaire / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Les gens chez ZURB nous ont concocté un didactiel vraiment cool sur la conception de boutons pour formulaire entièrement faits en CSS.

LIRE L'ARTICLE

Bulle de citation stylisée en CSS 3

CSS / CSS3 / didacticiel / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Mille millions de mille sabords ! Espèce de chouette mal empaillée !

Grâce aux nouveaux sélecteurs autorisés par le nouveau standard CSS3, nous pouvons faire de la petite magie, tel que démontré par cette citation de notre cher Capitaine Haddock.

LIRE L'ARTICLE

Créer une image de forme Polaroid en CSS

CSS / CSS3 / didacticiel / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

On nous impressionne toujours chez ZURB avec leur expérience du CSS3. Dernièrement, ils ont créé une démo où ils modifient de simples images en de vraies images Polaroid.

Avant

LIRE L'ARTICLE

Transparence en CSS pour tous les fureteurs

astuces / CSS / CSS3 / Firefox / IE / truc / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Tous les fureteurs permettent la transparence grâce au CSS, et celle-ci peut être appliquée en ajoutant ce code CSS :

LIRE L'ARTICLE