免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[已回答] 關於這種效果(將鼠標移到文字時會有變化)

請問關於這一種效果該怎麼弄呢?用了許多個關鍵字搜索都搜不出來,因此前來發問。總覺得我很不會搜文的說...效果如圖。

未將鼠標移動前:
Image 3.png

已將鼠標移動後:
Image 4.png

因為有好幾個論壇都有這種效果,所以在Sclub一定是有教學的。何耐我找不到,雖然找不到這個效果但卻讓我找到其他代碼。這也算是有收獲吧!
如果需要實質範例的話:
http://lovestories.funbbs.me/index.php

感謝分享代碼
正需要這個

TOP

回復 1# 藍玥清


    你好!
請參考2樓會員正確解說
謝謝

TOP

回復 5# 藍玥清


    我用的是沃空间

TOP

之前我见过一个更全的,还有其他特效
gta-zygx 發表於 2013-10-27 18:31



    只能說相見恨晚啊,不過倒是還蠻好奇其他特效的說。另外偷偷問一下,親你家論壇是用哪個免空的啊?感覺不錯呢!

TOP

之前我见过一个更全的,还有其他特效

TOP

放第三方
sojh 發表於 2013-10-27 17:34



    謝謝!

TOP

本帖最後由 sojh 於 2013-10-27 17:35 編輯
  1. <style>
  2. #menu a{webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-o-transition:all 0.1s linear 0s;transition:all 0.5s linear 0s;}
  3. a {
  4.     -moz-transition: all 0.25s linear 0s;
  5.     -webkit-transition: all 0.25s linear;
  6. }
  7. .postbtn, .replybtn {
  8.     -moz-transition: all 0.25s linear 0s;
  9.     -webkit-transition: all 0.25s linear;
  10. }
  11. .postbtn:hover, .replybtn:hover {
  12.     box-shadow: 0 0 10px #999;
  13. }
  14. a:hover, a:visited:hover {
  15.     text-shadow: 0 0 3px #585858;
  16. }
  17. a:hover {
  18.     text-decoration: underline;
  19. }
  20. a {
  21.     -moz-transition: all 0.25s linear 0s;
  22.     -webkit-transition: all 0.25s linear;
  23. }
  24. a{TEXT-DECORATION:none!important}
  25. </style>
複製代碼
放第三方
1

評分人數

TOP

返回列表