Εφέ Διαφάνειας στις εικόνες του 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: 13

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

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

Καλησπερα

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

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

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

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

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

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

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

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

Ευχαριστω.

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

Προχωρώ τώρα στο κυρίως θέμα. Μήπως θα μπορούσατε να μου εξηγήσετε τι δεν κάνω σωστά και δεν γίνεται κάτι με τη φωτ/φία;
Έχω προσθέσει στα gadget την εντολή που δώσατε. Όταν πάω να προσθέσω την εικόνα στο κείμενο του blog μου πώς θα βάλω αυτά τα στοιχεία που λέτε.
Μήπως μπορείτε να το κάνετε πιο σαφές για μας τους αναλφάβητους;

Χίλια ευχαριστώ.

Μας φώτισες!!! Να εξηγείς καλύτερα!!!!!!!!!!!!!!!!!!!!