当鼠标指向图片时出现圆角


步骤1 :  Design --> Edit Html --> 按Ctrl+F  找到a img {

 2 :然后把 a img { 之后的code删除 替换成


-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

若是找不到a img { 就找 /* Header

然后在/* Header之前添加

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}




红色的是调整大小
青色highlight的是颜色代码

若是要有朦朦的效果就在添加opacity: .6;

就会变成这样...


a img {
-webkit-transition-duration:.4s;}
opacity: .6;
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}


不要忘记按下广告哦=]
你的支持是我写下去的动力哦^^




21 comments:

  1. 很难哦……T^T
    找不到这个…… a img { ……?

    ReplyDelete
  2. 可能是你的代码里面没有自带A img {
    那就找 /* Header
    然后在/* Header之前添加着代码

    ReplyDelete
  3. 哈哈~
    谢谢~~^^
    不过弄不到……T^T

    ReplyDelete
  4. 怎麼我弄不到 T口T
    那些紅色的字需要改?
    還是直接 copy 玩下去就好了?TT

    ReplyDelete
  5. 红色的是调整大小
    青色highlight的是颜色代码
    要是不会的话...就不用改,直接copy and paste下去就好了=}

    ReplyDelete
  6. 是要 edit 什么的 html ? 我的照片是电脑上传的><

    ReplyDelete
  7. 这个教程我拿了,, 谢谢!!! ;)

    ReplyDelete
  8. 对呀
    全部都跟着做了。。
    也是在前面哦~~~~~
    还是可能当鼠标指向图片时出现小小蓝色的东西?
    @@

    ReplyDelete
  9. @lol小姐 - jEnNy 你之前有弄过什么关于图片的特效吗?

    ReplyDelete
  10. 有。。
    是不是要delete去?
    @@
    惨了。。
    我忘记那些code在哪里了@@

    ReplyDelete
  11. 请问可以帮帮我设计美美的部落格吗?你的部落格很赞丫^^

    ReplyDelete
  12. @Priscilla 请自己尝试自己设计,才会有意义 =]

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. 做莫我的还是不能的???

    ReplyDelete