大同网站建设【大同网络公司】大同做网站、大同微信公众号开发、大同网站设计、大同小程序制作

发表日期： 2021-05-21 15:46:46 浏览次数：121

网站建设.jpg

大同，古称云中、平城，是山西省地级市，国务院批复确定的中国晋冀蒙交界地区中心城市之一、重要的综合能源基地 [1] 。截至2018年，全市下辖4个区、6个县，总面积14176平方千米，建成区面积202.74平方千米，常住人口346.30万人，城镇人口227.23万人，城镇化率65.62%。 [2]

大同地处中国华北地区、山西北部、大同盆地中心、晋冀蒙三省区交界处、黄土高原东北边缘，实为全晋之屏障、北方之门户，且扼晋、冀、内蒙之咽喉要道，北隔长城与内蒙古自治区乌兰察布市接壤 [3] ，是山西省省域副中心城市，历代兵家必争之地，有“北方锁钥”之称。 [4] 大同是首批国家历史文化名城之一、曾是北魏首都，辽、金陪都，境内古迹众多，著名的文物古迹包括云冈石窟、华严寺、善化寺、恒山悬空寺、九龙壁等 [4] ，是中国首批13个较大的市之一、中国九大古都之一、国家新能源示范城市、中国优秀旅游城市、国家园林城市 [5] 、全国双拥模范城市、全国性交通枢纽城市、中国雕塑之都、中国十佳运动休闲城市。

大同是中国最大的煤炭能源基地之一，国家重化工能源基地，神府、准格尔新兴能源区与京津唐发达工业区的中点。素有“凤凰城”和“中国煤都”之称。 2019年8月13日，入选全国城市医疗联合体建设试点城市。 [6]

2019年，大同市地区生产总值实现1318.8亿元，按不变价格计算，比上年增长6.7%。 [2]

CSS中的 animation 属性可以让很多其它CSS属性产生动画效果，比如color,background-color, height， width等。当然，你需要为每个动画定义@keyframes CSS规则，animation需要调用这些@keyframes产生动画效果，比如：

.element {
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    background-color: #001F3F;
  }
  100% {
    background-color: #FF4136;
  }
}

在每个 @keyframes CSS规则里面，我们需要定义动画发生的阶段时间和变化样式。例如，0% 表示动画的开始阶段，100% 表示动画的结束时刻。animation属性里引用 keyframes 有一种简写方式，展开来一共有8个子属性，通过它们，我们可以控制各种的动画过程。

子属性

animation-name: 指定一个 @keyframes 的名称，动画将要使用这个@keyframes定义。

animation-duration: 整个动画需要的时长。

animation-timing-function: 动画进行中的时速控制，比如 ease 或linear.

animation-delay: 动画延迟时间。

animation-direction: 动画重复执行时运动的方向。

animation-iteration-count: 动画循环执行的次数。

animation-fill-mode: 设置动画执行完成后/开始执行前的状态，比如，你可以让动画执行完成后停留在最后一幕，或恢复到初始状态。

animation-play-state: 暂停/启动动画。

这些属性可以这样使用:

@keyframes stretch {
  /* declare animation actions here */
}

.element {
  animation-name: stretch;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

/*
  等同于:
*/

.element {
  animation:
    stretch
    1.5s
    ease-out
    0
    alternate
    infinite
    none
    running;
}

多阶段动画

如果一个动画的起始状态和终止状态是一样的，那么，你可以用逗号分隔 0% 和 100% 的形式在 @keyframes 里声明:

@keyframes pulse {
  0%, 100% {
    background-color: yellow;
  }
  50% {
    background-color: red;
  }
}

多样动画
我们还可以一次声明多种动画效果，用逗号分隔。在下面的例子中，我们将会让圆圈的颜色发生变化，同时还会轻推它，让它来回移动。

.element {
  animation:
    pulse 3s ease infinite alternate,
    nudge 5s linear infinite alternate;
}

性能

CSS动画中的很多动画属性都需要关注执行性能，在使用一个动画前，你需要了解它的运行原理。然而，下面这些CSS动画技术的组合使用是很安全的，我们可以放心使用：

transform: translate()

transform: scale()

transform: rotate()

opacity

大同网站建设【大同网络公司】大同做网站、大同微信公众号开发、大同网站设计、大同小程序制作

上一页：苏州市昆山周市镇申请400电话费用【周市镇企业全国热线电话办理】周市镇开通400电话电信价格、周市镇微信公众号代运营外包托管、周市镇网店编辑装修美工、周市镇网站推广优化大概需要多少钱

下一页：大同网站制作【大同网站优化】大同建网站、大同微信公众号运营、大同网页设计、大同微信小程序商城