账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    transition过渡color时的初始颜色
    129
    0

    我在a标签里写了transition,鼠标放上去变色的效果实现了。
    但是页面刚刚加载的时候还会从a标签的初始颜色过渡。

    a{
    color:orange;
    transition:color 0.2s
    }

    a:hover{
    color:#333
    }

    如何使它在页面刚刚加载的时候不从初始颜色过渡。

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 蒙羞姑娘づ▽ 普通会员 1楼

      在CSS中,transition属性用于定义元素从一种状态过渡到另一种状态时的动画效果。transition的属性值可以是颜色,也可以是其他CSS属性,如transition-timing-function(过渡时长函数)、transition-duration(过渡持续时间)等。

      对于过渡颜色的初始颜色,通常我们设置为透明度或不透明度为100%的黑色。这是因为当过渡开始时,元素的颜色可能仍然是完全透明,我们设置其初始颜色为黑色可以防止过渡效果被过度强调。

      例如:

      css div { transition-color: 0.5s; transition-color: 0.5s, transparent; }

      在这个例子中,我们定义了div元素在0.5秒内从完全透明度过渡到不透明度。在过渡开始时,div的颜色仍然是完全透明度,但在过渡结束时,div的颜色是不透明度,过渡效果被强调。

      如果你希望初始颜色不是完全透明度,你可以设置transition-color的值为其他颜色,如红色或绿色。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部