1. 首页
  2. 教程
  3. 高级教程

【Axure CSS】Axure引用CSS代码案例加载渐变动态背景(案例下载)

预览效果

【Axure CSS】Axure引用CSS代码案例加载渐变动态背景(案例下载)

预览地址:

点击预览

操作步骤:

动作事件:页面载入时-打开链接-链接到URL或文件路径

【Axure CSS】Axure引用CSS代码案例加载渐变动态背景(案例下载)

加载CSS渐变背景代码:

javascript: $('<style>
body {
     background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
     background-size: 400% 400%;
     animation: gradient 15s ease infinite;
     height: 100vh;
}

@keyframes gradient {
     0% {
          background-position: 0% 50%;
     }
     50% {
          background-position: 100% 50%;
     }
     100% {
          background-position: 0% 50%;
     }
}
</style>').appendTo('head'); 

Axure引用CSS代码的方法:

javascript: $('<style>

//添加CSS代码

</style>').appendTo('head'); 

原型下载

立即下载

访问密码:8397

原创文章,作者:院长大大,如若转载,请注明出处:https://www.axureschool.cn/290929.html

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:fleede@163.com

工作时间:周一至周五,9:30-18:30,节假日休息