添加猫猫

站点添加可爱猫猫~

评论区添加动图

评论区添加动图~
把链接里的图片改成Gif动图即可

点击评论时动图划走

#comment-textarea {
background-image:url(https://res.liuzeqi.com/blog/images/plk.gif);
background-size:contain;
background-repeat:no-repeat;
background-position:right bottom;
transition:all 0.25s ease-in-out 0s;
}

textarea#comment-textarea:focus{
  background-position-y:120px;
  transition:all 0.25s ease-in-out 0s;
}

再在后台设置里更改动图链接

#comment-textarea {background-image:url(xxx);};

xxx为自己想放上去的链接

卡片边缘添加阴影增加层次感

增加box-shadow属性

xxx{
  box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
}

鼠标悬浮卡片响应式增加阴影

xxx:hover{
  box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
}

彩色滚动条

彩色滚动条~