特别好玩的特效,标题是黑色,悬停时红色逐渐进入

.post-title a {
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text;
    transition:0.5s ease-out;
    text-transform:capitalize;
    background-image:linear-gradient(to right,#000 45%,#c33 55%);
    background-size:220% 100%;
    background-position:100% 50%;
}
.post-title a:hover {
    background-position:0 50%;
}