28172 sujets

CSS et mise en forme, CSS3

Effet de creux css3

Commence déjà par nettoyer les préfixes ^^

sur border-radius :
moz- sur n'a d'intérêt que pour FF 3.6-
webkit- que pour Safari 4- sachant qu'on est à la 7

sur box-shadow :
moz- pour FF3.6-
webkit- pour safari5- (sauf mobile)

http://caniuse.com/css-boxshadow

Et je vois pas où est ton soucis, il suffit de mettre les images dans ta div intérieur non ?
Là, ça ne concerne plus vraiment le CSS, mais au niveau des couleurs, si je peux donner un petit conseil, étant donné que tu souhaite jouer avec les ombres, le relief, etc., ce serait par exemple de placer un petit dégradé teinte claire-teinte sombre, et surtout, d'utiliser des couleurs moins "flashy".

C'est-à-dire qu'au lieu d'utiliser par exemple : 

background-color: green;


… utiliser par exemple ce type de code (en ajoutant tous les prefixes habituels…) : 

background: linear-gradient(to bottom, #9ae896,#38bc48);



Sinon, concernant ton effet d'ombre interne, je ne sais pas si ce lien pourra t'aider, étant donné que la technique est utilisée sur du texte, mais on sait jamais… Cela consiste à utiliser des filtres SGV en CSS :

http://www.css3create.com/Ombre-interne-sur-du-texte
Bonsoir,

pourquoi ne tente tu pas simplement a partir d'un seul élément, puis en imbriquant un second pour y mettre ton contenu ?

En simplifiant un max en colorant tes boites avec seulement la couleur de fond en jouant sur une bordure transparent et un ombrage commun , tu peut facilement faire ce genre de boite : http://codepen.io/gc-nomade/pen/Epajg
Cela me semble plus facile au niveau code avec une class commune et une class pour la couleur générale de fond.
Sujet clos
Aller à