如何在CSS工作中进行过渡

用户名

请参阅小提琴:http : //fiddle.jshell.net/whvSL/8/

我想将css转换保留在css.file中,而不是直接使用jQuery进行任何转换。这样可以使代码保持整洁,并且有一个清晰的概述。

我已经阅读了10多个有关此主题的博客,并检查了许多stackoverflow答案,这些答案解释了如何完成此任务,但我似乎无法使其正常工作。因此,请不要向我发送更多有关过渡如何工作的文档,也不要发送给我其他解释这些的stackoverflow页面的链接,因为在现阶段这对我没有帮助。

我需要知道转换的确切位置。为什么他们去那里,为什么我的版本不起作用。

我要实现的目标如下:您.mouseenter在侧边栏上,该侧边栏逐渐变为彩色/该侧边栏内的羽毛逐渐变为彩色,文本也是如此。

从灰色变成彩色的效果已经存在。我只需要知道转换代码的去向,包括所有可能的verdor前缀。

现在,它正从灰色变为彩色。但是我希望这种效果慢慢发生!!提前致谢。

埃文

您接近了-如果我仅将hColor具有所有transition属性添加到要添加/删除类的元素,则可以使用:

http://fiddle.jshell.net/whvSL/9/

将鼠标悬停在顶部区域(“关于”)以查看它。

过渡属性只需要在要过渡的元素上即可。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在角度工作中进行嵌套包含?

来自分类Dev

如何在Numpy,Python中进行过渡

来自分类Dev

Task Parallel.ForEach在工作中进行报告

来自分类Dev

如何在工作中逾期

来自分类Dev

如何在css中进行图像裁剪

来自分类Dev

如何在css中进行图像裁剪

来自分类Dev

array.array插入如何在python中进行工作?

来自分类Dev

如何使CSS过渡“向后”工作?

来自分类Dev

Jenkins在一项工作中进行多种运行配置

来自分类Dev

在d3中更新值时如何在饼图中进行平滑过渡?

来自分类Dev

如何在Jenkins的工作中共享脚本?

来自分类Dev

我如何在原型工作中获得“ this = this”

来自分类Dev

[Talend]如何在人才工作中定义全局字段

来自分类Dev

如何在css中进行输入并选择相同的宽度

来自分类Dev

如何在CSS中进行宽度绑定

来自分类Dev

如何在CSS / JavaScript中进行模式突出显示

来自分类Dev

如何在 WordPress 的 base.css 中进行更改

来自分类Dev

如何在单个工作簿的多个工作表中进行计数

来自分类Dev

如何在詹金斯的其他工作中执行工作?

来自分类Dev

我该如何在自己的代码中进行与IntelliJ数据库SSH隧道等效的工作?

来自分类Dev

如何在函数中进行异步工作,然后在完成后从该函数返回值?

来自分类Dev

如何在vmware工作站的ubuntu 12.04中进行绑定?

来自分类Dev

如何在vmware工作站的ubuntu 12.04中进行绑定?

来自分类Dev

如何在不带.dsw工作区文件的vc ++中进行编译?

来自分类Dev

Aurelia如何在自定义组件的附加方法中进行异步工作

来自分类Dev

如何在父母的组成部分中进行孩子的清洁工作

来自分类Dev

如何在 GitHub Actions 工作流程中进行 apt-get install?

来自分类Dev

如何在html / css中为两个div设置动画以进行半圆过渡?

来自分类Dev

如何在计算器工作中实现加/减按钮?

Related 相关文章

  1. 1

    如何在角度工作中进行嵌套包含?

  2. 2

    如何在Numpy,Python中进行过渡

  3. 3

    Task Parallel.ForEach在工作中进行报告

  4. 4

    如何在工作中逾期

  5. 5

    如何在css中进行图像裁剪

  6. 6

    如何在css中进行图像裁剪

  7. 7

    array.array插入如何在python中进行工作?

  8. 8

    如何使CSS过渡“向后”工作?

  9. 9

    Jenkins在一项工作中进行多种运行配置

  10. 10

    在d3中更新值时如何在饼图中进行平滑过渡?

  11. 11

    如何在Jenkins的工作中共享脚本?

  12. 12

    我如何在原型工作中获得“ this = this”

  13. 13

    [Talend]如何在人才工作中定义全局字段

  14. 14

    如何在css中进行输入并选择相同的宽度

  15. 15

    如何在CSS中进行宽度绑定

  16. 16

    如何在CSS / JavaScript中进行模式突出显示

  17. 17

    如何在 WordPress 的 base.css 中进行更改

  18. 18

    如何在单个工作簿的多个工作表中进行计数

  19. 19

    如何在詹金斯的其他工作中执行工作?

  20. 20

    我该如何在自己的代码中进行与IntelliJ数据库SSH隧道等效的工作?

  21. 21

    如何在函数中进行异步工作,然后在完成后从该函数返回值?

  22. 22

    如何在vmware工作站的ubuntu 12.04中进行绑定?

  23. 23

    如何在vmware工作站的ubuntu 12.04中进行绑定?

  24. 24

    如何在不带.dsw工作区文件的vc ++中进行编译?

  25. 25

    Aurelia如何在自定义组件的附加方法中进行异步工作

  26. 26

    如何在父母的组成部分中进行孩子的清洁工作

  27. 27

    如何在 GitHub Actions 工作流程中进行 apt-get install?

  28. 28

    如何在html / css中为两个div设置动画以进行半圆过渡?

  29. 29

    如何在计算器工作中实现加/减按钮?

热门标签

归档