自定义装点博客的“门面”（不定期更新） (2)

css:

.cnblogs-markdown code, .cnblogs-post-body code { font-family: "Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace! important; } .cnblogs-markdown code, .cnblogs-post-body code{ border: none! important; }

为了避免css样式被覆盖，所以加上!important以强行提高优先级

公告栏里鼠标移上会颤动的"follow"按钮（稍显幼齿）

html:

<a href="javascript:void(0);"> <img src="http://images.cnblogs.com/cnblogs_com/alva-rabbit-hole/1351589/o_follow.png"> <style> .follow:hover .item{animation:updown 300ms infinite} @keyframes updown { 0% {top:0px;} 50% {top:4px;} 100% {top:0px;} } </style> </a>

这部分的自定义空间还是很大的，可以尝试其他的@keyframes补间动画。

最后，如果大家觉得有可以改进的地方，欢迎交流！