Εφέ Διαφάνειας στις εικόνες του Blog μας - Transparent Images - Opecity Image Effect


Σήμερα θα μάθουμε ένα πολύ ωραίο αλλά και εντυπωσιακό ταυτόχρονα εφέ το οποίο εντυπωσιάζει με την πρώτη τους επισκέπτες μας, αλλά και εμάς τους ίδιους..

To εφέ αυτό κάνει τις εικόνες διαφανείς, δηλαδή στην αρχή είναι λίγο αχνή η φωτογραφία μας και μόλις βάλουμε το ποντίκι επάνω, η εικόνα αποκτά και πάλι τα χρώματα της.

Εγώ προσωπικά μόλις είδα αυτό το εφέ σε ένα άλλο blog, μου είχε κάνει πολύ μεγάλη εντύπωση και νόμιζα ότι είναι κάποια ειδική επεξεργασία στο Photoshop κλπ.

Όμως όπως θα δείτε, όχι μόνο γίνεται σε όλες τις φωτογραφίες, αλλά είναι και πανεύκολο!


<img src="http://bloggertricks.gr/files/images/blogger.jpg" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" />

Όπου είναι μπλε, βάλτε το Link της εικόνας
Οι κόκκινοι αριθμοί είναι για το πόσο διαφανές ή μη, θα είναι η εικόνα.

Μπορείς να δοκιμάσεις με τα νούμερα ή να τα αφήσεις ίδια.



Number of Comments: 11

euxaristo!! polu endiaferousa anartisi ;) sinexise etsi me dinami!

SE EUXARISTWWW PARA MA PARA POLU !!! EFTIAXE THN EIKONA TOU BLOG MOU :D
+++++ LIKE LIKE LIKE :)

Νικος Υψηλαντης,  9 Απριλίου 2012 - 12:34 π.μ.  

Καλησπερα

Ηθελα να ρωτησω εσυ τι ρυθμισεις εχεις βαλει για να γινονται ετσι οι φωτογραφιες σου??

Πολυ καλη δουλεια!! Μπραβο σου και σε ευχαριστουμε!!!

Πολύ ωραίο κολπάκι και εύκολο.Ευαχαριστούμε

πώς βρίσκουμε το λινκ της εικόνας;ευχαριστώ

οκ το βρηκα σας ευχαριστω

Προσπάθησα να βάλω τον κωδικό στο html της ανάρτησης αλλά δεν λειτούργησε....μήπως κάνω κάτι λάθος?...μόνο την εικόνα βγαζει χωρίς εφέ

Ο κώδικας είναι σωστός οπότε ξαναπροσπάθησε και πες μου πάλι

Καλημέρα, Πως γίνεται εκτός από το εφέ με τη θαμπάδα της εικόνας, να επιτύχουμε και την μεγέθυνση που γίνεται στις εικόνες σας;

Καλησπερα.Πολυ καλη δουλεια.
Μπορεις να δωσεις αναλυτικα οδηγιες γι αυτο το gadget γιατι δεν τα καταφερνω.

Ευχαριστω.