Κωδικοί HTML για Φωτογραφία Fade Effects

Όταν επισκέπτεστε μια ιστοσελίδα , θα συναντήσετε πιθανώς μια σειρά από διαφορετικά αποτελέσματα . Πολλά εφέ , όπως το ξεθώριασμα , γίνονται με ένα συνδυασμό των τεχνολογιών . Αυτό δεν σημαίνει ότι είναι περίπλοκο να παράγουν , αλλά το κάνουν χρησιμοποιούν περισσότερο από ό, τι ακριβώς κατ 'ευθείαν κώδικα HTML, ώστε να ολοκληρώνουν το αποτέλεσμα . HTML
Η

HTML σημαίνει Hyper Text Markup Language . Είναι η γλώσσα του Web . Η κύρια λειτουργία του είναι να δημιουργήσει ιστοσελίδα δομή . Τα εφέ ή κινούμενες εικόνες που περιλαμβάνονται στο Web δεν έχουν δημιουργηθεί με HTML . HTML παρέχει το πλαίσιο για τις συνέπειες . Το υπαγορεύει όπου ορισμένα στοιχεία θα εμφανίζονται στο πρόγραμμα περιήγησης . Μπορείτε να οικοδομήσουμε μια ολόκληρη ιστοσελίδα σε HTML, αλλά θα πρέπει να περιορίζεται δημιουργικά . HTML χρησιμοποιείται κυρίως για τη δομή και την προσθήκη κειμένου ? Άλλες λειτουργίες έχουν προστεθεί με scripting γλώσσες και το λογισμικό κινούμενα σχέδια
CSS
Η

CSS σημαίνει Cascading Style Sheet . . Τα στοιχεία σε μια ιστοσελίδα με στυλ CSS . CSS επιτρέπει σε έναν προγραμματιστή να υπαγορεύσει ένα στυλ για ένα συγκεκριμένο στοιχείο , στη συνέχεια, χρησιμοποιούν καθ 'όλη την ιστοσελίδα . Αυτό σημαίνει ότι αν θέλετε το σύνολο των κλάσεων σας να είναι τολμηρή και μπλε , θα μπορούσατε να ορίσετε αυτό το στυλ με μία γραμμή κώδικα , και θα πρέπει να εφαρμοστεί σε κάθε σελίδα του δικτυακού τόπου . Αυτό εξαλείφει την ανάγκη να recode . Με την HTML και CSS , μπορείτε να προσθέσετε ένα ξεθώριασμα αποτέλεσμα σε μια εικόνα μέσα στη σελίδα σας στο Web .

Η Άλφα
Η

Οι αλλαγές φίλτρα CSS θα σας επιτρέψει να αλλάξετε την αδιαφάνεια της εικόνας . Η αδιαφάνεια υπαγορεύει πώς η εικόνα θα εμφανιστεί στην οθόνη . Όσο χαμηλότερη είναι η αδιαφάνεια , εμφανίζεται η πιο ξεθωριάσει η εικόνα . Η δημιουργία ενός fade είναι το τέλειο παράδειγμα για το πώς HTML και CSS συνεργάζονται . Θα χρησιμοποιήσετε HTML για να δείξει ποια εικόνα να τοποθετήσετε στην οθόνη και CSS για να εξασθενίσει την εικόνα στην κατάλληλη αδιαφάνεια .

Η γραμμή του παραπάνω κώδικα παίρνει ένα αρχείο εικόνας ονομάζεται " MyImage " και μειώνει την αδιαφάνεια στο 40 τοις εκατό . Η εικόνα θα έχει ένα fade λίγο περισσότερο από το μισό , όταν το πρόγραμμα περιήγησης εμφανίζει .
Εικόνων Χρήσεις
Η

Η επίδραση fade μπορεί να χρησιμοποιηθεί σε λίγες διαφορετικούς τρόπους . Μπορείτε να χρησιμοποιήσετε μια ξεθωριασμένη εικόνα ως φόντο για το σύνολο της ιστοσελίδας σας ή να τοποθετήσετε ένα διαφανές κουτί πάνω σε μια εικόνα για να κάνετε το κείμενο πιο ευανάγνωστο . Αδιαφάνεια μπορεί να αλλάξει , όταν ο επισκέπτης της ιστοσελίδας ενεργοποιεί ένα συμβάν . Για παράδειγμα, μπορείτε να ξεθωριάζει μια εικόνα σε μια αδιαφάνεια 40 όταν ο χρήστης τοποθετεί το ποντίκι πάνω του , τότε το φέρει πίσω στο 100 μία φορά το ποντίκι αφήνει την εικόνα . Αυτό το είδος της επίδρασης είναι χρήσιμο όταν θέλετε να υποδεικνύουν ότι ο χρήστης έχει " επιλεγεί " μια συγκεκριμένη εικόνα . Ένα παράδειγμα αυτού του τύπου το αποτέλεσμα μπορεί να βρεθεί παρακάτω

Η
εικόνων