Dégradé pour site internet
Infra-Blue
-
Profil bloqué -
Profil bloqué -
Bonjour,
Je cherche à faire un effet de "lumière" sur mon portfolio.
En gros, il faut qu'il y ait un contour noirovale avec une opacité pour faire l'ombre tout autour du site. J'ai bien tenté un dégradé radial du blanc au noir en CSS sur une div qui fait 100% de la longueur et largeur de l'écran, mais ça ne marche pas...
J'ai déjà vu ça sur pas mal de sites mais je ne me souviens plus desquels malheureusement, sinon j'aurais regardé le code source ! :/
Je ne sais pas si je m'exprime bien, alors un schéma vaut mieux !
http://img13.imageshack.us/img13/6716/exemplen.png
- en violet : mon background
- en blanc : le contenu du site
- le contour noir : ce que je souhaiterais faire
Merci d'avance à ceux qui pourront m'éclairer ;)
Je cherche à faire un effet de "lumière" sur mon portfolio.
En gros, il faut qu'il y ait un contour noirovale avec une opacité pour faire l'ombre tout autour du site. J'ai bien tenté un dégradé radial du blanc au noir en CSS sur une div qui fait 100% de la longueur et largeur de l'écran, mais ça ne marche pas...
J'ai déjà vu ça sur pas mal de sites mais je ne me souviens plus desquels malheureusement, sinon j'aurais regardé le code source ! :/
Je ne sais pas si je m'exprime bien, alors un schéma vaut mieux !
http://img13.imageshack.us/img13/6716/exemplen.png
- en violet : mon background
- en blanc : le contenu du site
- le contour noir : ce que je souhaiterais faire
Merci d'avance à ceux qui pourront m'éclairer ;)
A voir également:
- Dégradé pour site internet
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
1 réponse
Si j'ai bien compris tu veux que tout ton site soit dans le rectangle blanc ? En général sur les sites c'est une image toute faite qui est mise en ligne. Sinon, tu peux regarder ici une autre façon : https://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-css-box-shadow-text-shadow.html
Pour l'instant, le tout ressemble (très grossièrement évidemment) à ceci :
http://img838.imageshack.us/img838/3817/exemple2z.png
Et je souhaiterais ajouter ceci :
http://img13.imageshack.us/img13/6716/exemplen.png
J'ai bien tenté avec une image, mais du coup elle ne s'adapte pas à la résolution de chaque écran, c'est bien ça le problème... C'est pour cela que je cherche à savoir s'il y a un moyen d'avoir ce rendu grâce à du CSS ou peu importe quel autre langage :D