CSS/JavaScript μπροστινή επικάλυψη div με άλλο, με διαφάνεια

[philos]

Καλημέρα!

 

Ρίξτε μια ματιά για παράδειγμα εδώ:

http://www.freepik.com/

 

Αν κάποιος κάνει hover πάνω σε κάποιο κουτί, εμφανίζεται ένα μαύρο απαλό σε χρώμα και με διαφάνεια έξτρα περιεχόμενο.

 

Πως μπορώ να το πετύχω αυτό; Μπορεί κάποιος να μου παρέχει jsFiddle παράδειγμα με τα ίδια effects;

Όχι με περιεχόμενο, απλά τα ένα - δύο divs (ας τα πούμε div id="box" και div id="boxcontent" για το έξτρα περιεχόμενο).

 

Το παρακολούθησα στη κονσόλα του firefox αλλά δεν ξέρω να τη χρησιμοποιώ πολύ καλά.

[vadou]

Υπάρχουν πολλοί τρόποι να κάνεις αυτό που ζητάς, ανάλογα με το λόγο που το κάνεις / λειτουργικότητα που θες να έχει. Ένας γρήγορος τρόπος πχ είναι αυτός: https://jsfiddle.net/wq60wd2s/

[philos]

Thanks vadou, πολύ ωραίο

 

Μήπως μπορείς να μου δείξεις και πως να γίνει και εφφέ ώστε να φαίνεται σαν το περιεχόμενο να έρχεται από "μέσα" προς τα "έξω";

Η σελίδα θα έχει και jquery, αν έχει κάποια αξία αυτό.

[XPHSTOS_]

Thanks vadou, πολύ ωραίο

 

Μήπως μπορείς να μου δείξεις και πως να γίνει και εφφέ ώστε να φαίνεται σαν το περιεχόμενο να έρχεται από "μέσα" προς τα "έξω";

Η σελίδα θα έχει και jquery, αν έχει κάποια αξία αυτό.

Έκανα update το υπάρχων fiddle, για ρίξε μια ματιά.

New fiddle

 

Επεξ/σία 21 Νοεμβρίου 2016 από XPHSTOS_