Forum breadcrumbs - You are here:ForumΕλληνόφωνο Φόρουμ: Html-Cssflip και opacity σε εικόνες με ht …
flip και opacity σε εικόνες με html-css (ΑΣΚΗΣΕΙΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΕΠΑΛ)
![Root](https://linuxlife.eu/wp-content/plugins/ultimate-member/assets/img/default_avatar.jpg)
Root@root
91 Posts
#1 · 11/08/2022, 17:44
Quote from Root on 11/08/2022, 17:44Σημερα θα δουμε πως μπορουμε να προσθεσουμε εφε flip και opacity σε εικονες.
Κατεβαστε το html αρχειο,και ανοιξτε το με notepad++ για να δειτε ολοκληρο τον κωδικα...Ο κωδικας css που χρησιμοποιουμε ειναι ο παρακατω:
(θα χρειαστειτε και το sudo.jpg)img{
opacity:0.5;
width:170;
height:200;
}
img:hover{
opacity:1.0;
transform:scaleX(-1);
}
Σημερα θα δουμε πως μπορουμε να προσθεσουμε εφε flip και opacity σε εικονες.
Κατεβαστε το html αρχειο,και ανοιξτε το με notepad++ για να δειτε ολοκληρο τον κωδικα...
Ο κωδικας css που χρησιμοποιουμε ειναι ο παρακατω:
(θα χρειαστειτε και το sudo.jpg)
img{
opacity:0.5;
width:170;
height:200;
}
img:hover{
opacity:1.0;
transform:scaleX(-1);
}
Click for thumbs down.0Click for thumbs up.0
Last edited on 16/09/2022, 17:32 by Root