- @keyframes 规则用于创建动画，并且必须 把它捆绑到某个选择器，否则不会产生动画效果。
- 您必须定义动画的名称和时长。如果忽略时长，则动画不会允许，因为默认值是 0。（动画的名称和时长这两个属性是动画必要的）
/*定义动画*/
@keyframes myfirst
{
0% {
background: red;}
25% {
background: yellow;}
50% {
background: blue;}
100% {
background: green;}
}
/*使用动画：将动画绑定元素上*/
div
{
animation: myfirst 5s;
-moz-animation: myfirst 5s; /* Firefox */
-webkit-animation: myfirst 5s; /* Safari 和 Chrome */
-o-animation: myfirst 5s; /* Opera */
}
| 属性 | 描述 | 是否必要 |
|---|---|---|
| animation | 所有动画属性的简写属性，除了 animation-play-state 属性 | |
| animation-name | 规定 @keyframes 动画的名称 | 必要 |
| animation-duration | 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 | 必要 |
| animation-timing-function | 规定动画的速度曲线。默认是 “ease”。 | |
| animation-delay | 规定动画何时开始。默认是 0。 | |
| animation-iteration-count | 规定动画被播放的次数。默认是 1。 | |
| animation-direction | 规定动画是否在下一周期逆向地播放。默认是 | |
| animation-play-state | 规定动画是否正在运行或暂停。默认是 “running”。 | |
| animation-fill-mode | 规定对象动画时间之外的状态。 |
一： 点击添加animation动画效果
文章浏览阅读2.6k次。–mapbox-gl是一个开源、基于webgl技术的前端地图类库–开发教程篇一：搭建前端开发环境1、mapbox官网注册一个账号，生成一个开发token，在mapbox-gl2.0以前，使用自搭建的后台地图服务时，可以不使用此token，参见公众号文章：mapbox-gl升级到2.0后，使用自搭建的后端服务，也需要token，敬请注意！，或者修改mapbox-gl2.0以后的源码，也能避免token，参见公众号文章：mapbox-gl避免设置token源码修改，修改时，看一下官网的许可声明。2、生成t_mapbox-gl教程
文章浏览阅读2w次，点赞2次，收藏3次。GRPC-Protobuf报错Could not find artifact com.google.protobuf:protoc:exe:${os.detected.classifier}:3.12.0 in central解决方案_com.google.protobuf:protoc
文章浏览阅读4.5k次。本测试，重点性能测试4个维度，测试对象为主流SQL on Hadoop性能表现，为技术选型做一些参考，由于硬件资源有限，本测试数据集比较小，前提是所有数据保证都能装载到内存.内容还涉及到了SQL on RDBMS 和 SQL on NOSQL性能测试。对一些特殊场景的应用参考。企业级数据仓库解决方案，特别是分析性场景慢慢会被SQL on Hadoop逐渐替代，而且SQL on Hadoop逐渐_开源hadoop测试tpc-ds指标
文章浏览阅读2k次，点赞5次，收藏23次。kafka小白教程kafka介绍kafka的概念Kafka(底层源码使用scala语言实现): kafka分布式集群的搭建 kafka分布式集群的实操： 1）命令行客户端（测试）主题的CRUD操作发布消息 订阅消息 2）使用Java API来操作kafka分布式集群： 发布消息 订阅消息 kafka内部原理 自定义分区 消息拦截器 理论： ..._kafka 教程
文章浏览阅读4.8k次。打开 /ewomail/www/ewomail-admin/core/config.php//配置文件return [ 'dbhost' => 'localhost',//数据库连接地址 'dbuser' => 'ewomail',//数据库账号 'dbpw' => 'xxx', 'dbname' => 'ewomail',//数据库名称 'dbcharset' => 'utf8',//数据库编码 'dbprefix'=&_ewomail域不允许怎么解决
文章浏览阅读5.5k次。我明明配置了jdk1.7的，配置AndroidSDK时报错 换了jdk1.8就行了_no java sdk of appropriate
文章浏览阅读8.5k次，点赞15次，收藏79次。Ubuntu设置开机默认内核及删除多余内核Ubuntu一更新就会启动新的内核，进入系统后总会发现驱动不好用了。所以可以对内核进行下设置，使得主机进入我们想要的内核版本，也可以删除掉多余的内核。Ubuntu设置开机默认内核#不删除内核情况下，更改要进入的内核sudo gedit /etc/default/grub (1)找到GRUB_DEFAULT = "0" grub菜单如下：- Ubuntu- Advanced options for Ubuntu * Ubuntu, with Li_ubuntu设置默认内核,刪除多余内核
文章浏览阅读1.1w次，点赞9次，收藏9次。背景：刚刚换了新版的IDEA,然后发现项目中中文巨丑，而且字体大小不一致如下图：原因分析：这两张图就是工具编辑面板的字体设置，只设置了主字体，备用字体没有设置，非常怀疑主字体不支持中文所以想到两种解决方式方式一：设置备用字体，切记一定要选可以支持中文的字体，举个例子“fangsong”,"Microsoft XXX"等等两图中得备用字体都设置成“fangsong”字体格式，然..._idea中文字体
文章浏览阅读1.3w次，点赞34次，收藏81次。本文将探讨设计模式在Java中的应用与实现。设计模式是一套被广泛接受的解决常见软件设计问题的经典方法。在Java编程中，设计模式是提高代码可读性、可维护性和可扩展性的关键。本文将详细介绍Java中常用的几种设计模式，包括工厂模式、单例模式、观察者模式和装饰器模式，并提供具体的代码示例和解释，帮助读者深入理解和学习这些模式的实现方式。_23种设计模式代码
文章浏览阅读3.6k次。1、每页添加一个文档双击页眉处，进入相应的编辑状态，将鼠标移到页脚处，点击设计——页眉和页脚——页码，插入合适的样式即可。PS：页码插入的方式还可以通过插入——页眉和页脚——页码方式来实现。2、第几页共几页如何将文档设置成第几页共几页的格式？点击插入——页码——选择第几页共几页的页码格式(即X/Y格式)，之后选中页码按Shift+F9切换域代码，输入内容【第{PAGE}页/共{NUMPAGES}页..._v-print 设置页眉
文章浏览阅读6.4k次，点赞4次，收藏6次。云计算是个很神奇的词汇，神奇在一切基于WEB的应用似乎都可以套到云计算范围内。一个原因是：云计算几乎没有标准，因为大家都不清楚什么是云计算，大家觉得各种概念都像云计算，所以可以任意用，随意扩展云计算范围。作为一个研发人员，我希望从底层实现来了解云计算的实质。所以在介绍云计算时，我希望能够找到一种直观、容易理解、直接从底层实现而非商业模式入手 的介绍方法，这个突破口就是：1，计费模式，从中可以理解什么是按需购买，2，与旧技术对比（没有一种技术是凭空产生，大多数技术都是旧技术演进而来）。_paas msb
文章浏览阅读2k次，点赞35次，收藏36次。noip/csp-j历年真题考点分类_cspj历年真题考点