首页 > 网站样式

DEMO.1黑色科技材料网站样式

应用行业:科技广告

   凡库  价格:¥8000元
网站样式兼容性
样式描述:黑色科技网站样式

一款黑色系、科技材料网站样式。

部分代码段

<html lang="zh-CN" class="desktop landscape skrollr skrollr-desktop">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <meta name="author" content="fanku">

    <title>demo1 - 凡库网title>

        <link rel="stylesheet" href="./demo1/common.css">
    <link rel="stylesheet" href="./demo1/index.css">
    <link rel="shortcut icon" href="http://www.changfanku.com/Uploads/2016-07-23/579334c6c2192.ico">

    

<style type="text/css">

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
推荐样式

DEMO.科技服务公司网站样式

一家科技服务公司网站样式,深色系,灰色主题色。
  科技广告
 184  ¥8000元

DEMO.工业设备企业网站样式

一款以生产工业设备为主的一家高科技生产型企业网站,主题色为绿色。
  工业化工
 337  ¥8000元

DEMO.游戏公司网站样式

一款游戏公司网站样式,黑色、深色系。
  科技广告
 475  ¥8000元

DEMO.游艇租赁公司网站样式

一个提供游艇出游、租赁等服务的公司网站样式。
  生活服务
 294  ¥8000元

微信扫一扫

学习更多的网络营销知识

海量网站任你选~