网站名片信息(简易版)附调用接口和代码

关于接口的一些说明

之所以上线这个接口，就是为了一个特效。但是调用比较麻烦，加上可能有些用户不太懂修改代码，导致修改后出现一些问题，于是就写了这么一个接口，使其简单化调用。

用户只需要通过调用接口就可以直接制作一个图片版的网站名片信息，然后再通过 API接口平台 提供的调用代码即可轻松实现同样的特效。

• 该特效可能不支持手机，如无法接受，建议使用代码版

代码版请看原作者文章：https://www.pengqi.club/2318.html

使用方法

1、先通过接口制作需要的名片信息 → https://api.xwteam.cn/doc/135

2 、在 < head> < /head> 之间调用CSS文件。

<link rel="stylesheet" href="https://api.xwteam.cn/api/visitor/card_resource/card.css">

• 文件已通过CDN加速，可直接调用，也可以下载到本地使用

3、在需要显示的位置插入代码。

<div class="flip-container">
  <div class="flipper">
    <div class="front">
      <img src="图片URL" alt="正面图片" width="400" height="252">
    </div>
    <div class="back">
      <img src="图片URL" alt="背面图片" width="400" height="252">
    </div>
  </div>
</div>

• 自行修改图片URL为你的名片信息接口地址即可

写在最后

如果是接口版的名片信息，教程到这里已经结束了。

如果是代码版的请看文章顶部原作者的文章自行修改，但是你既然都看到这里了，也就说明你用的是接口版的。

目前接口版的简易特效是

• 暂不支持手机使用的！

如果需要手机也能看到，建议自己根据原作者文章使用代码版的名片信息。

当然，也可以把CSS文件下载到本地自行修改完善。

最后附上演示地址和代码：https://api.xwteam.cn/api_demo/card_api