添加 hover 渐变效果

a超链接hover

a {
    color: #49aca5;
    text-decoration: none;
    transition: all 0.1s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

a:hover {
    color: inherit;
    transition: all 0.1s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

图片hover

article.post .content-inner img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
article.post .content-inner img:hover {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -moz-transform: translate(-2px,-2px);
    -webkit-transform: translate(-2px,-2px);
    -o-transform: translate(-2px,-2px);
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px,-2px);
    -webkit-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
    -moz-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
    -o-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
    box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
}