Просмотр поста

Лимон созревает при наведении курсора.
Адаптированный копипаст с хабра

.lemon {
    display: inline-block;
    margin: 6px;
    width: 20px;
    height: 20px;
    background: #00d519;
    border: 1px solid #00a714;
    -webkit-border-radius: 1px 15px 3px 15px;
    -moz-border-radius: 1px 15px 3px 15px;
    border-radius: 1px 15px 3px 15px;
    -webkit-transition: background-color 1s ease-in-out, border-color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out, border-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out, border-color 1s ease-in-out;
    transition: background-color 1s ease-in-out, border-color 1s ease-in-out;
    -webkit-box-shadow: #ccc 0 0 15px;
    -moz-box-shadow: #ccc 0 0 15px;
    box-shadow: #ccc 0 0 15px;
}

.lemon:hover {
    background-color: #F5F240;
    border-color: #F0D900
}