我能以某种方式从addthis.com生成的按钮中删除动画吗?

时间:2018-07-19 20:33:38

标签: javascript html css

我正在使用addthis.com生成社交媒体共享按钮,但是,它们的按钮带有悬停时的动画,我真的不喜欢它,并且希望将其删除。

您可以在此处实时查看问题-http://onyx.space/image/4

问题是我得到的唯一代码是:

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b50a10e742393c0"></script>

按钮的代码:

<div class="addthis_inline_share_toolbox"></div>

他们的网站上有一些自定义设置,但是,关于动画没有任何要求。我已经搜索了这个问题,却一无所获。

我想知道动画是否来自JavaScript,以及如何找到并删除它。

1 个答案:

答案 0 :(得分:1)

您可以使用更具体的选择器覆盖该动画。例如在您的css文件中添加以下css代码

div .at-resp-share-element .at-share-btn:focus, 
div .at-resp-share-element .at-share-btn:hover {
    transform: none;
}