博主:Moony和梨子

博主目前狀態: 要考試了(淚奔——

對部落格有疑問?:点击发表疑問
對這裡有啥意见?:点击发表意见


"不要認為你做不到,很多事情只是看你願意花多少心思去做而已"

当鼠标指向图片后变成圆角+照片会变半透明(新模板)

Yinghong96: 请问下·~ 你会弄那个当图片+鼠标指向后会变圆角的东西嚒?
你的意思是这种吗? :) 如图 ↓↓

那我先发关于这个教程吧 :)
首先,去设计(Design)>>Edit HTML
按Ctrl+F找以下代码 ↓↓
#comments .avatar-image-container img {
然后在border: 1px solid $(image.border.color);的下面粘贴以下代码↓↓

-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px dashed #000000; border-radius: 30px; -moz-border-radius: 30px;}
如图↓↓

你可以把#000000改成你要的颜色 :) 
点以下网址可以找你要的颜色代码噢噢~

祝你成功 ^^

2 comments:

有任何疑问,就请留言 :)
先声明:不接受恶意批评与留言。

欢迎再次光临。
谢谢。

------------月梨心---------------