Форум

Euler · #1 (**permalink**) 15.12.2013, 04:01

Доброго времени суток, нужно чтобы при наведении на квадрат, в нём появлялся смайлик и исчезал, когда курсор в другом месте. Я обернул картинки в div, но справа и снизу границы не по краю изображения.
http://codepen.io/anon/pen/vJGzE

danik.js · #2 (**permalink**) 15.12.2013, 06:53

<!DOCTYPE html>
<style>
    #square{
        position: absolute;
        background: black;
        width: 200px;
        height: 200px;
    }
    #square #smile{
        display: block;
        margin: 90px auto;
        visibility: hidden;
        opacity: 0;
        transition: opacity 1s, visibility 1s;
    }
    #square:hover #smile{
        visibility: visible;
        opacity: 1;
    }
</style>
<div id='square'>
  <img id='smile' src='http://javascript.ru/forum/images/smilies/smile.gif'>
</div>

Форум

Справочник

Discord чат

Курсы javascript