jquery - 在 WordPress 子主题中使用 CSS3 动画

Question

我正在尝试在我创建的 WordPress cild 主题中使用 justinaguilar 的 CSS3 动画备忘单。这是我的第一个子主题，因为我正在尝试掌握 CSS、样式表等。

所以我在标题中包含了 animations.css 以便它正确加载，然后我在我的 style.css 中创建了一个对象，

#object {
background: url('../marias_child/images/logo_3redbags.png') no-repeat;
width: 500px;
height: 1500px;
position: relative;
visibility: visible;
}

然后我使用 div 将对象包含在编辑器的 WordPress 页面中，并调用必要的类来为其设置动画，如下所示:

<div id="object" class="tossing">

到目前为止一切都很好，我接下来要做的是定位一个现有对象，在我的主题中预定义一个特价商品小部件并对其应用动画。这是我在 style.css 中做的事情吗？如果是这样，我将如何尝试？我找到了选择器 .widget.offer-widget.bs，但我不了解如何使用样式表为其设置动画。

它一定很简单，但我仍在学习。

非常感谢!

Answer 1

是的，您需要在子主题的 style.css 中添加“动画”，并用您的样式覆盖小部件的现有类。使用 firefox 的 firebug 扩展来检查您要更改的类。

子主题中 style.css 的示例代码为:

.widgetclass{
background: url('../marias_child/images/logo_3redbags.png') no-repeat;
width: 500px;
height: 1500px;
position: relative;enter code here
visibility: visible;
}

它可能正在使用 class 或 id。