文档章节

遇到了一些前端的小知识(记一下)

saber巜
 saber巜
发布于 2017/04/27 21:44
字数 335
阅读 4
收藏 0
点赞 0
评论 0

@keyframes from to

通过 @keyframes 规则,您能够创建动画。

创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。

在动画过程中,您能够多次改变这套 CSS 样式。

以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。

0% 是动画的开始时间,100% 动画的结束时间。

为了获得最佳的浏览器支持,您应该始终定义 0% 和 100% 选择器。(摘抄于w3)

 

ease    规定慢速开始,然后变快,然后慢速结束的过渡效果。    

ease-in    规定以慢速开始的过渡效果。    

ease-out    规定以慢速结束的过渡效果。    

ease-in-out    规定以慢速开始和结束的过渡效果。

 

infinite:无限循环

alternate:动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。

下面的是一个边框特效

	#gameImg {
		transition: all 0.5s;
		animation: neon1 1.5s ease-in-out infinite alternate;
	}
	
	@keyframes neon1 {
		/*设置阴影*/
		from {
			box-shadow: 
            0 0 2px #00ffff,
            0 0 4px #00ffff, 
            0 0 6px #00ffff, 
            0 0 8px #00ffff, 
            0 0 14px #00ffff, 
            0 0 16px #00ffff, 
            0 0 20px #00ffff, 
            0 0 30px #00ffff;
		}
		to {
			box-shadow: 
            0 0 1px #00ffff, 
            0 0 2px #00ffff, 
            0 0 3px #00ffff, 
            0 0 4px #00ffff, 
            0 0 7px #00ffff, 
            0 0 8px #00ffff, 
            0 0 10px #00ffff, 
            0 0 15px #00ffff;
		}
	}

 

© 著作权归作者所有

共有 人打赏支持
saber巜
粉丝 1
博文 5
码字总数 3612
作品 0
永州
程序员
2018 前端面试准备

前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-Developer-Questions by Modules and knowledge 前端面试经典问题:CSS 中居中的几种方...

掘金官方 ⋅ 2017/12/14 ⋅ 0

面试技巧

持续集成是什么 互联网软件的开发,已经成熟、标准化,其中最重要的组成部分就是持续集成(Continuous integration,简称CI)。 持续集成是一种软件开发实践,即团队开发成员经常集成它们的工...

掘金官方 ⋅ 01/08 ⋅ 0

前端:2018秋招面试经验总结

前言 从8月中旬实习结束就开始找工作了,一直到十一,终于尘埃落定,十一出去好好放松了一下,今天写一些面经回报牛客。 非科班,从大三开始学习前端,几乎是零基础,但很庆幸遇到了很好的学...

牛客网 ⋅ 01/05 ⋅ 0

你可能不知道的前端知识点

新建了一个 repo:justjavac/the-front-end-knowledge-you-may-dont-know 发掘被我们忽略的前端知识点。所有的讨论以 issues 的形式进行,任何人都可以在 issues 区围观讨论。 本 repo 的目的...

justjavac ⋅ 2017/07/04 ⋅ 0

我的2016:从野路子到正规军的前端养成记

2016年终于进入尾声啦,刚好也趁着@segmentfault社区举办的《回顾 2016,你都收获了什么?》活动,好好回顾一下我的2016年。 2016年发生的事情非常多,还是以时间为线索慢慢写起吧 一、结束实...

jrainlau ⋅ 2017/11/29 ⋅ 0

Markdown使用时的一个BUG的发现过程

前言 遇到bug应该只要提交给官方就好了。但是我正好在学习Web前端,遇到了问题就正好运用新学的知识试着自己处理一下。恰好我又刚好运用新学的知识找到了问题,于是就记录一下自己遇到问题和...

骑士救兵 ⋅ 02/12 ⋅ 0

学习PHP不知道该怎么办?借鉴一下资深PHP大牛的方法吧!

学习PHP,首先你得知道PHP开发的作用,大家可能会简单的说是做网站的,因为PHP在WEB领域应用最为广泛,大多数网站都是用PHP做的。准确的说PHP是做网站的后端开发的,其实我这样说还不算正确,...

让往事随风 ⋅ 2016/04/07 ⋅ 0

前端开发-从入门到Offer

解决你的前端面试 有时候前端的技术性面试还是很麻烦的,毕竟知识点那么多,框架迭代那么快。你不仅仅要对计算机科学基础有一个坚实的底子,还需要理解啥 Web 性能、构建系统以及 CSS 引擎等...

掘金官方 ⋅ 2017/12/28 ⋅ 0

要不要听听小白学习Linux经验小谈

Linux系统近几年发展的很快,特别是随着安卓手机的普及,大数据、物联网、人工智能等科学技术的发展,Linux系统从几年前只有白帽、黑帽等系统高手才了解的情况下变成如今几乎全民皆知的地步,...

问题终结者 ⋅ 05/06 ⋅ 0

来自IOS开发工程师的零基础自学HTML5经验分享

移动互联网的火爆,而Html具有跨平台、开发快的优势,越来越受到开发者的青睐。感谢IOS开发工程师“小木_Boy”’带来的HTML5学习经验分享。 一、学习途径 1、很多视频网站 比如慕课、和极客学...

inw3cschool ⋅ 2017/03/21 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Centos7重置Mysql 8.0.1 root 密码

问题产生背景: 安装完 最新版的 mysql8.0.1后忘记了密码,向重置root密码;找了网上好多资料都不尽相同,根据自己的问题总结如下: 第一步:修改配置文件免密码登录mysql vim /etc/my.cnf 1...

豆花饭烧土豆 ⋅ 今天 ⋅ 0

熊掌号收录比例对于网站原创数据排名的影响[图]

从去年下半年开始,我在写博客了,因为我觉得业余写写博客也还是很不错的,但是从2017年下半年开始,百度已经推出了原创保护功能和熊掌号平台,为此,我也提交了不少以前的老数据,而这些历史...

原创小博客 ⋅ 今天 ⋅ 0

LVM讲解、磁盘故障小案例

LVM LVM就是动态卷管理,可以将多个硬盘和硬盘分区做成一个逻辑卷,并把这个逻辑卷作为一个整体来统一管理,动态对分区进行扩缩空间大小,安全快捷方便管理。 1.新建分区,更改类型为8e 即L...

蛋黄Yolks ⋅ 今天 ⋅ 0

Hadoop Yarn调度器的选择和使用

一、引言 Yarn在Hadoop的生态系统中担任了资源管理和任务调度的角色。在讨论其构造器之前先简单了解一下Yarn的架构。 上图是Yarn的基本架构,其中ResourceManager是整个架构的核心组件,它负...

p柯西 ⋅ 今天 ⋅ 0

uWSGI + Django @ Ubuntu

创建 Django App Project 创建后, 可以看到路径下有一个wsgi.py的问题 uWSGI运行 直接命令行运行 利用如下命令, 可直接访问 uwsgi --http :8080 --wsgi-file dj/wsgi.py 配置文件 & 运行 [u...

袁祾 ⋅ 今天 ⋅ 0

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

推荐:并发情况下:Java HashMap 形成死循环的原因

在淘宝内网里看到同事发了贴说了一个CPU被100%的线上故障,并且这个事发生了很多次,原因是在Java语言在并发情况下使用HashMap造成Race Condition,从而导致死循环。这个事情我4、5年前也经历...

码代码的小司机 ⋅ 昨天 ⋅ 2

聊聊spring cloud gateway的RetryGatewayFilter

序 本文主要研究一下spring cloud gateway的RetryGatewayFilter GatewayAutoConfiguration spring-cloud-gateway-core-2.0.0.RC2-sources.jar!/org/springframework/cloud/gateway/config/G......

go4it ⋅ 昨天 ⋅ 0

创建新用户和授予MySQL中的权限教程

导读 MySQL是一个开源数据库管理软件,可帮助用户存储,组织和以后检索数据。 它有多种选项来授予特定用户在表和数据库中的细微的权限 - 本教程将简要介绍一些选项。 如何创建新用户 在MySQL...

问题终结者 ⋅ 昨天 ⋅ 0

android -------- 颜色的半透明效果配置

最近有朋友问我 Android 背景颜色的半透明效果配置,我网上看资料,总结了一下, 开发中也是常常遇到的,所以来写篇博客 常用的颜色值格式有: RGB ARGB RRGGBB AARRGGBB 这4种 透明度 透明度...

切切歆语 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部