Template talk: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)