Accueil
Visite Guidée !
Commentaire
Mot de passe
Annuaire
PetitesAnnonces
E-Cards
Forum
Livre d'or
LiveChat
Mailing List
Sondage
Compteur
Recomail
CounterLive
MailForm
F.A.Q
CountClic
GestionNews
LiveSupport
HEBERGEMENT!
Swisstools-Pro
 
98 Javascripts !
Dossiers
Interviews!
Kits Graphiques !
Bannières !
Logithèque !
Logiciels !
Entraide !
SwisstoolsOccaz!
Images
Référenceur (1)
Référenceur (2)
Promotion
5000 sonneries !
FORFAIT-SMS !
SMS
SMS-RIRE
Meta-Tags
Jeux
Créer
Rentabiliser
Graphisme
Partenaires
Aide
Annonceurs
 
Annuaire
-Hébergeurs
-Référencement
-Nom domaine
-Programmation
-Affiliation
-Graphisme
-Téléchargement
-Matériel info
-SMS&sonneries
Swisstools.net est hebergé sur des serveurs Dell PowerEdge !

Swisstools a reçu le Swisstools a reçu le LABEL WEBMASTER, ce LABEL WEBMASTER est décerné aux sites de services pour webmasters pouvant répondre à des critères précis les rendant capables d'assurer une continuité dans la qualité de leurs ressources, tant techniquement que financièrement.
Le Label des Sites Web de qualité!

Accueil > Javascripts > Graphisme > Effets sur vos images grâce aux CSS

Permet de générer des effets originaux directement à l'affichage de vos images sur votre site. Cela évite ainsi de modifier votre image d'origine puisque c'est le navigateur internet qui applique ces effets !


N'hésitez pas à faire vos propres modifications sur ces codes en changeant les valeurs des différents paramètres et en faisant des tests.

Voici tout d'abord l'image de base, et ci-dessous les différents effets que vous pouvez réaliser !
EFFET "FLOU"
Voici le code pour rendre flou votre image : 

<img src="votreimage.jpg" 
style="filter:blur(direction=45, strength=30)">

La variable "direction" est l'angle des traces floues, et la variable "strength" est l'intensité du flou. Le mieux est de faire des essais pour arriver à l'effet désiré.
EFFET "Excellent !" (PASSEZ LA SOURIS SUR L'IMAGE !!)
Voici le code pour réaliser ce super effet : 

La 1ère partie est à placer dans l'en-tête de votre page entre les balises <head> et </head>.

La seconde partie est à placer dans votre balise image, exemple : 
<img src="votreimage.jpg" style="filter:alpha(opacity=40)" onMouseover="oui(this)" onMouseout="non(this)">

EFFET "Négatif"
Voici le code pour afficher votre image en négatif : 

<img src="votreimage.jpg" style="filter:invert">
EFFET "Vague"
Voici le code pour afficher votre image avec un effet de vagues : 

<img src="votreimage.jpg" style="filter:wave(add=1, freq=absolute, light=7, phase=5, strength=15">
EFFET "Rayons X"
Voici le code pour afficher votre image avec cet effet : 

<img src="votreimage.jpg" style="filter:xray">
EFFET "Retourner"
Voici le code pour afficher retourner votre image verticalement : 

<img src="votreimage.jpg" style="filter:flipv">

Utilisez "filter:fliph" pour retourner horizontalement
EFFET "Dégradé"
Voici le code pour réaliser cette effet : 

<img src="votreimage.jpg" style="filter:alpha(startY=10, finishX=90, finishY=90, opacity=8, finishopacity=90, style=2, startX=10)">

 

________________________________________________________________

Swisstools > Ressources pour votre site !

Consultez la sélection des meilleures services de :
[Référencement] [Nom de domaine] [Hébergeurs PHP] [Hébergeurs ASP]
[Solution E-Commerce] [Webdesign] [Affiliation] [SMS, logo & sonneries]

Chercher dans le meilleur du Web 


[ Contact ] [ Espace Annonceurs ] [ Ils ont parlé de Swisstools... ]
[ A propos de Swisstools.net ] [ Mentions Légales ] [ Protection des données ]
Copyright © 1999-2006 Swisstools.net Hit-Parade
Cliquez-ici pour fermer la bannière

 



Casino Virtuel
Jeux-Casino.com est un guide Francais de casino en ligne. Sélection et Classement de Casino Gratuit pour jouer aux jeux de casino, poker, Blackjack, machine à sous ... 		Poker en ligne
Sur Poker.Jeux-Casino.com, vous trouverez une selection de jeu de poker en Ligne pour jouer au poker sur internet. Nous vous proposons les meilleurs poker en Ligne en Français dont le meilleur a nos yeux pour débuter Everest poker , les règles des jeux de poker, Texas Holdem ... de même que des explications sur les plus grands tournois de Poker sur Internet auquels vous pourrez participer. 		Casinos euro
Euros-Casinos.com, le guide de casinos internationnal, tous les meilleurs casinos en ligne, poker, bingo et jeux de casino sur mobile.