three+gsap实现三维炫酷收藏点赞动画效果代码

代码语言:html

所属分类:表单美化

代码描述:three+gsap实现三维炫酷收藏点赞动画效果代码

代码标签: 炫酷 收藏 点赞 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&amp;display=swap'>

    <style>
        .button-star {
          --button-label-x: 24px;
          --button-label-success-opacity: 0;
          --button-star-scale: 0.75;
          --button-star-greyscale: 85%;
          --button-star-hue: 170deg;
          --button-star-opacity: 0.45;
          --button-star-add-opacity: 0;
          --button-star-add-y: 16px;
          --button-star-current-opacity: 1;
          --button-star-current-y: 0px;
          --button-star-new-opacity: 0;
          --button-star-new-y: 16px;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border: none;
          cursor: pointer;
          background-color: #1f2024;
          color: #fff;
          border-radius: 13px;
          outline: none;
          margin: 0;
          padding: 0;
          font-family: "Poppins";
          font-size: 14px;
          font-weight: 600;
          line-height: 20px;
          position: relative;
          text-align: center;
          display: flex;
          box-shadow: inset 0 0 0 1px #35373f, 0px 1px 3px rgba(52, 54, 63, 0.........完整代码请登录后点击上方下载按钮下载查看

网友评论0