我很不乖

页脚版权信息特效
最近在朋友的推荐下安装了个插件可以显示作者的版权信息。那么问题来了,原先不是很明显的链接信息怎么才能凸显出来呢,尤...
扫描右侧二维码阅读全文
07
2019/04

页脚版权信息特效

最近在朋友的推荐下安装了个插件可以显示作者的版权信息。那么问题来了,原先不是很明显的链接信息怎么才能凸显出来呢,尤其是许可条款等等,想要引起别人重视的东西,那么由此有了以下文字内容

正文分割线


需要的插件

我们需要一个名叫Copyright的插件,这个插件可以实现文章和独立页面的署名。
此插件的GitHub链接为:

由于担心某些不可抗力原因,所以特地放一个备份的本地下载link。

经过测试,此link中的文件可以运行在Typecho 1.1 下。

自定义CSS

在主题的主配置css文件或者插件的css文件中添加如下代码可以实现闪光效果。颜色的话自己改改就好,很简单的css动画效果,有些细节还需要打磨。就这样吧|´・ω・)ノ(ps:效果见文末)

.content-copyright a {
   border-bottom: none!important;
   color: blue;
           animation: changeshadow 1s  ease-in  infinite ;
    /* 其它浏览器兼容性前缀,请保证以下内容添加以适应不同浏览器 */
    -webkit-animation: changeshadow 1s linear infinite;
    -moz-animation: changeshadow 1s linear infinite;
    -ms-animation: changeshadow 1s linear infinite;
    -o-animation: changeshadow 1s linear infinite;
   }

   @keyframes changeshadow {  
        0%{ text-shadow: 0 0 4px #feafbd}  
        50%{ text-shadow: 0 0 30px #feafbd}  
        100%{ text-shadow: 0 0 4px #feafbd}  
    }
    /* 添加兼容性前缀 */
    @-webkit-keyframes changeshadow {
      0%{ text-shadow: 0 0 4px #feafbd}  
          50%{ text-shadow: 0 0 30px #feafbd}  
          100%{ text-shadow: 0 0 4px #feafbd}  
    }
    @-moz-keyframes changeshadow {
          0%{ text-shadow: 0 0 4px #feafbd}  
          50%{ text-shadow: 0 0 30px #feafbd}  
          100%{ text-shadow: 0 0 4px #feafbd}    
    }
    @-ms-keyframes changeshadow {
        0%{ text-shadow: 0 0 4px #feafbd}  
          50%{ text-shadow: 0 0 30px #feafbd}  
          100%{ text-shadow: 0 0 4px #feafbd} 
    }
    @-o-keyframes changeshadow {
        0%{ text-shadow: 0 0 4px #feafbd}  
           50%{ text-shadow: 0 0 30px #feafbd}  
          100%{ text-shadow: 0 0 4px #feafbd}  
    }
Last modification:April 7th, 2019 at 05:29 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment