使用内嵌css动画创建html横幅广告

是否可以使用内嵌css动画创建html横幅广告？我只需要一个div和我的代码，他们将插入到他们的页面，所以动画和样式需要内联。我只需要在div中设置一个按钮图像的动画，使其看起来像是在滑入。到目前为止，我正在使用相对定位来布局元素。这可能吗？这是我的代码在布局，我将需要在最后。我需要的div“按钮”动画从底部和土地在底部：30px像现在一样

<div style="width:160px; height:600px; text-align:center; position: relative;">
<a href="" target=_blank"><img src="images/Agent-Ad_Crush-160x600_b_110716.jpg" alt="Broadview Networks Generate New Leads And Crush The End Of The Year!" width="160" height="600" border="0" /></a>
<div class="words" alt="" width="160" height="180"style="position: absolute; bottom: 150px; left: 11px;">
<img src="images/Agent-Ad_Crush-160x600_b_110716-words.jpg">
</div>
<div class="button" alt="" width="116" height="32"style="position: absolute; bottom: 30px; left: 22px;">
<img src="images/Agent-Ad_Crush-160x600_b_110716-button.jpg">    
</div>
</div>

您可以使用

标记，但这是不可取的。请参阅以获取解释。

您可以使用

标记，但这是不可取的。请参阅以获取解释。

如果您只使用HTML和内联CSS，则答案是否定的。具体而言，

@关键帧不能在内联样式中定义。它们可以在
标签中定义（正如@Ryan Gee所指出的），但是
标签必须在头部，这就排除了横幅广告

现在，让事情复杂化的是，HTML5在某一点上引入了一个可以让你在正文中使用
标记的方法，但是支持已经被取消了

如果有人知道一个巧妙的解决办法，我会非常感兴趣和印象深刻
 如果您只使用HTML和内联CSS，那么答案是否定的。具体来说，
@关键帧
不能在内联样式中定义。它们可以在
标签中定义（正如@Ryan Gee所指出的），但是
标签必须在头部，这就排除了横幅广告

现在，让事情复杂化的是，HTML5在某一点上引入了一个可以让你在正文中使用
标记的方法，但是支持已经被取消了

如果有人知道一个巧妙的解决办法，我会非常感兴趣和印象深刻
 如果您不依赖于用户在动画开始前单击，则可以选择仅使用动画.gif

这样你就不会有那么多html的开销

另一种选择是，根据他们在主机上的访问权限，为他们提供一个完全合格的带有动画的网页，他们可以上传到主机上。（或者，您可以托管该页面）

然后，与页面一起提供的div将包含一个iframe，该iframe链接到web页面，用于渲染动画。就用户界面大小而言，此选项可能没有太大的响应性。
如果您不依赖用户在动画开始前单击，则一个选项是只使用动画.gif

这样你就不会有那么多html的开销

另一种选择是，根据他们在主机上的访问权限，为他们提供一个完全合格的带有动画的网页，他们可以上传到主机上。（或者，您可以托管该页面）

然后，与页面一起提供的div将包含一个iframe，该iframe链接到web页面，用于渲染动画。就用户界面大小而言，此选项的响应性可能不强。
请分享您的代码，我相信您不是在找人来解决您的任务。请参考此内容并编辑问题：我编辑了我的问题并共享了我的代码，我只是想知道是否可以使用内联动画。如果无法引用样式表，我不确定如何处理此问题。请共享您的代码，我相信您不是在找人来解决您的作业。请参考此内容并编辑问题：我编辑了我的问题并共享了我的代码，我只是想知道是否可以使用内联动画。如果不能引用样式表，我不知道如何处理这个问题。