鼠标指向引用出现的图片 ( Blockquote hover )



↑ Before ↑  

效果

↓ After ↓


明白了吗 ?

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找 

]]></b:skin>

把以下的代码添加在它的前面

blockquote:hover {
background-image:url(图片URL);
background-position:top right;
background-repeat:no-repeat;
-webkit-transition-duration: .30s;}


如果不想图片出现在右上角

那你可以把 top right 换成

左上角 : top left

右上角 : top right

左下角 : bottom left

右下角 : bottom right

检查好代码没有问题后

按 SAVE :D







0 ✿ 叽叽喳喳:

張貼留言