评论

如何在微信开放社区评论中添加小尾巴?

如何在微信开放社区评论中添加小尾巴?

效果演示地址:点击这里

静态图:

步骤:
1.点击评论,输入一点文字。
2.复制下方代码。
3.光标对着评论框里的文字右键-检查。
4.对着控制台里的标签右键-Edit as HTML
5.粘贴刚才的代码。
6.发布评论即可查看效果。

<p
  style="
    display: flex;
    text-align: left;
    border-top: 0.5px solid rgba(0, 0, 0, 0.06);
    padding: 25px;
    margin-top: 15px;
  "
>
  <span
    style="
      position: relative;
      font-size: 10px;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: inline-flex;
      animation: rotate 2s linear infinite;
      color: #777272;
      background-color: rgb(240, 251, 239);
      border: 1px solid rgb(183, 237, 177);
    "
    ></span
  >
  <span
    style="
      position: relative;
      font-size: 10px;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: inline-flex;

      animation: rotate 2s linear infinite;
      color: #777272;
      background-color: rgb(246, 241, 254);
      border: 1px solid rgb(205, 178, 250);
    "
    ></span
  >
  <span
    style="
      position: relative;
      font-size: 10px;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: inline-flex;

      animation: rotate 2s linear infinite;
      color: #777272;
      background-color: rgb(255, 245, 235);
      border: 1px solid rgb(254, 212, 164);
    "
    ></span
  >
  <span
    style="
      position: relative;
      font-size: 10px;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: inline-flex;

      animation: rotate 2s linear infinite;
      color: #777272;
      background-color: rgb(254, 241, 241);
      border: 1px solid rgb(251, 191, 188);
    "
    ></span
  >
  <span
    style="
      position: relative;
      font-size: 10px;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: inline-flex;

      animation: rotate 2s linear infinite;
      color: #777272;
      background-color: rgb(240, 244, 255);
      border: 1px solid rgb(186, 206, 253);
    "
    ></span
  >
</p>
最后一次编辑于  2021-04-23  
点赞 2
收藏
评论

5 个评论

  • 神经蛙
    神经蛙
    2021-04-23

    2021-04-23
    赞同 2
    回复 1
    • 阿北
      阿北
      发表于移动端
      2021-04-23
      针不戳
      2021-04-23
      回复
  • 猛男陈阔
    猛男陈阔
    2021-06-01

    2021-06-01
    赞同 1
    回复
  • 风起九万里
    风起九万里
    2021-05-19

    学废了,学废了

    2021-05-19
    赞同 1
    回复 1
    • 阿北
      阿北
      2021-05-20
      会玩会玩
      2021-05-20
      回复
  • momo
    momo
    2023-05-10

    试试

    2023-05-10
    赞同
    回复
  • 青寒
    青寒
    2021-04-23

    你这个看着好高级,比我们以前的好看

    2021-04-23
    赞同
    回复 1
    • 阿北
      阿北
      2021-04-23
      有没有发现这个iPhone的配色(doge)
      2021-04-23
      回复
登录 后发表内容