模板討論:Hovers

可否補全本家的其他動畫效果？

比如Background Transitions和Border Transitions，相信這些效果會對大家族模板的排版有很大幫助。_yoonhɑkcher（留言） 2019年1月15日 (二) 19:46 (CST)

是要用來做按鈕嗎，要是引進來這種生成UI的工具類感覺就有點不對勁了，畢竟不是在做網站，而且裏面大多使用了偽元素，不能在外面改變顏色等參數。--東東君（討論） 2019年1月15日 (二) 20:13 (CST)

忘了這茬了。感謝解答。_yoonhɑkcher（留言） 2019年1月15日 (二) 20:28 (CST)

又去看了一下那些好像也不都是用於按鈕的，而且一部分也可以設置繼承樣式來控制，我試試加進來幾個--東東君（討論） 2019年1月15日 (二) 20:42 (CST)

完成 將一部分適合放在人物頭像的背景和邊框效果的加進來了，為了能控制參數寫成了css組件。--東東君（討論） 2019年1月16日 (三) 10:07 (CST)

示例3的右移挪動效果能實現雙圖層的效果嗎？

比如圖A是需要右移挪開的，而圖B在次級圖層，被未右移的同樣大小圖A所遮擋，然後圖A挪動圖B出現，請問能否實現這樣的效果。純小白，只是向問問能否實現。--RabBIThole

A

B

類似這樣的？--東東君（討論） 2020年3月7日 (六) 12:41 (CST)

對，感謝--RabBIThole

想問一下為什麼100px的圖片需要font-size:{{#expr:16 / 10 * 100}}px呢，然後如果要套用圖片來移動的話代碼需要怎麼變化。--RabBIThole

因為css不能直接傳參，只好通過em單位間接實現。1em等於當前節點font-size的大小，剛才稍微修改了一下倍數(font-size:16px = 1px)應該好懂一點了。寫法修改：{{#expr:16 / 10 * 100}} -> {{#expr:16 * 100}}，代表移動100px。

用圖片時發現坑意外的多，建議不使用這個模板，單獨實現。--東東君（討論） 2020年3月11日 (三) 13:47 (CST)

關於Hovers的兩個問題

①能做出濾鏡類Hovers的逆向效果嗎？之前的invert-reverse就可以用來「觸發Hover效果後激活」，我有些動畫效果要用到，例如「觸發Hovers效果前不模糊，觸發效果後開始模糊」。
②能用一個元素的Hover觸發多個元素效果同時進行嗎？例如在一個圖片上同時模糊並且從左向右漸變顯示顯示三行內容，並且每一行的動畫隨着圖片模糊之後延時分步進行。
--李皇諦（討論） 2020年3月23日 (一) 04:07 (CST)

1. 已經添加。
2. 可以實現，但用這個模板沒法做，需要專門針對這個動畫寫css。

@李皇谛 --東東君（討論） 2020年10月4日 (日) 18:35 (CST)