Tell me how to organize in css the appearance of text and effects from nowhere when you hover over an object, i.e. with hover. I just can make a smooth selection of an object, etc., i.e. changing its style, but how to create text or internal frames on the block, buttons, like an effect?
1 answer
Inside the block make another block. In styles .first_block:hover .second_block { animate ...
<style> .first_block { display: inline-block; width:300px; height:200px; border:1px red solid; padding:10px; } .second_block { display: none; } .first_block:hover .second_block { display: block; } </style> <div class='first_block'> <div class='second_block'> Текст </div> </div> 
Nicolas Chabanovsky ♦
38.1k 54 gold marks 222 silver marks 438 bronze marks
lampa lampa
16k 17 silver marks 44 bronze marks
- please give an example, the simplest one - ivanforpw
- @ivanforpw jsfiddle.net/yDwKa - lampa
|