hexo yilia主題滑鼠覆蓋頭像動態效果

2021-09-27 10:41:03 字數 713 閱讀 9683

滑鼠覆蓋頭像動態效果

在路徑themes\yilia\source資料夾下

增加css檔案txbh.css用來設定頭像變換的樣式,可以在這裡面找,我用的是jello,如果想用別的可以替換jello欄位。**如下:

.left-col #header .profilepic img:hover
另外還有乙個用的頭像旋轉360°,滑鼠離開後又轉回來的,**如下:

.left-col #header .profilepic img 

.left-col #header .profilepic img:hover

然後在themes\yilia\layout_partial\head.ejs檔案中新增進去建立的css檔案:

找到<%- partial(『css』) %>,在它的下面新增**,把下文的**新增進去,注意!!是在它的下面新增,不然效果將不會生效

<% if (theme.txbh)

%>

若用360°旋轉效果則去掉上邊一行link,只要txbh.css的link即可。

最後在主題檔案目錄下的_config.yml中新增

#頭像變換

txbh

:true

重新hexo g,hexo d部署下後就可以看到效果了

hexo yilia主題增加分享以及訪問統計

sharesdk true 是否開啟分享class mob share ui button mob share open 分享div class mob share ui style display none class mob share list class mob share weibo li...

clip 貓有貓道,鼠有鼠道

所需 img 7234674b33c8ac3b09f7eff8 瀏覽器效果 a出現的是剪下的效果 也就是clip從左上角開始剪下的效果 這個屬性我沒有用到,以前看過,但是實際工作中還沒有用到,不過如果我們想從左上角剪下的話,用我這種方法也不錯啊,至少少寫乙個屬性,缺點是你又忘記了乙個css屬性 b是...

倉鼠與廁鼠

author skate time 2010 05 28 倉鼠與廁鼠 昨天晚上坐車回家的路上,看見來來往往的 與車流,行走在高樓之間的馬路上,心裡當時有個觸動。把自己拋離這個畫面,站在乙個全域性的角度看。看似簡單的畫面,卻讓人感觸很深。行走的人分成三六九等 行駛的車分為低中高階別,房子也按大小,裝修...