Javascript jquerychange';顶部';的:之后

Javascript jquerychange';顶部';的:之后,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试更改元素中:after的“top”属性 CSS: 如何将其动画化为40px?伪元素不是DOM的一部分,因此原则上它们是Javascript无法访问的。最好是向页面添加样式表,为伪元素添加新规则。伪元素不是DOM的一部分,因此原则上Javascript无法访问它们。最好是向页面添加样式表,为伪元素添加新规则。您可以让jquery向元素添加一个类$('.mymessage')。addClass('active'),然后为该元素创建样式并设置css动画 .mymessage:after {

我正在尝试更改元素中:after的“top”属性

CSS:


如何将其动画化为40px?

伪元素不是DOM的一部分,因此原则上它们是Javascript无法访问的。最好是向页面添加样式表,为伪元素添加新规则。

伪元素不是DOM的一部分,因此原则上Javascript无法访问它们。最好是向页面添加样式表,为伪元素添加新规则。

您可以让jquery向元素添加一个类
$('.mymessage')。addClass('active')
,然后为该元素创建样式并设置css动画

.mymessage:after
{
top:20px;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}

.mymessage.active:after
{
top:40px;
}

您可以让jquery向元素
$('.mymessage').addClass('active')
添加一个类,然后为该类创建样式并设置css动画

.mymessage:after
{
top:20px;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}

.mymessage.active:after
{
top:40px;
}

jqueryYou可以设置伪元素的样式,方法是将CSS直接添加到样式标记之间的
头部
,但不确定是否设置动画。重复:jqueryYou不可能通过将CSS直接添加到样式标记之间的
头部
,来设置伪元素的样式,不确定是否设置动画。复制:对动画没有帮助?动画由CSS处理-对动画没有帮助?动画由CSS处理-