简洁的产品详情展示css3动画

这是一款css3 keyframes酷炫产品详情页动画，产品元素和内容布局动画展示效果。

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/style.css">

2、body引入部分

<div class="container">
  <div class="box">
    <div class="product__img"> <img src="img/1.png" alt=""> </div>
    <div class="product__video">
      <div class="video"> <i class="fas fa-play"></i>
        <p>查看评论</p>
      </div>
    </div>
    <div class="product__disc">
      <div class="product__disc--content">
        <div class="disc__content--about">
          <h1>VR眼镜</h1>
          <span>准备进入一个新的世界</span>
          <p>我爱你，我爱你，我爱你。结果：
            根据驱魔法，你可以说：黄耆
            你的简历很相似！</p>
        </div>
        <div class="product__view--more">
          <p>了解详情</p>
          <div class="view__more--block"></div>
        </div>
      </div>
    </div>
    <div class="product_buttons">
      <button class="btn wishlist">加入购物车</button>
      <button class="btn buy">立即购买</button>
    </div>
  </div>
</div>

使用声明

1. 本站所有素材（未指定商用），仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后，只拥有使用权，著作权归原作者及17素材网所有。
3. 原创商用和VIP素材，未经合法授权，请勿用于商业用途，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途，织梦系统商业用途请预先授权。

查看演示下载资源

138 6682 10