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

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

收藏
简洁的产品详情展示css3动画
这是一款css3 keyframes酷炫产品详情页动画,产品元素和内容布局动画展示效果。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 烫头
  • 上传时间 6年前

使用方法:

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. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。