• 查看作者
    • 头像摆动特效

      代码放入后台自定义css电脑端

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      @keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} }
      @-webkit-keyframes lstxa{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}
      33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
      49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
      66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
      83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
      100%{-webkit-transform:translateX(0);transform:translateX(0)}
      }
      @keyframes lstxa{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}
      33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
      49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
      66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
      83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
      100%{-webkit-transform:translateX(0);transform:translateX(0)}
      }
      .jinsom-post-like-list {overflow: inherit;}.jinsom-post-user-info-avatar a:hover,a[id^="had_like"]:hover,.jinsom-header-menu-avatar>img:hover{-webkit-animation-name:lstxa;animation-name:lstxa;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
    • 0
    • 0
    • 0
    • 11
    • 请登录之后再进行评论

      登录
    • 做任务
    • 发表内容