我正在尝试在我创建的 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,但我不了解如何使用样式表为其设置动画。
它一定很简单,但我仍在学习。
非常感谢!
最佳答案
是的,您需要在子主题的 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。
关于jquery - 在 WordPress 子主题中使用 CSS3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22089171/