- css实现html元素渐变淡入且有位移
yuzhiboyouye
csscss
Document@keyframestestAnimation{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}div{animation:testAnimation0.8sease-in-out;animation-fill-mode:forwards;}111133334444
- animation补充、浏览器前缀、javascript
琉佳
animation-fill-mode：动画前后的状态none：不改变默认行为forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）backwards：在animation-delay所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）both：向前和向后填充模式都被应用animation:namedurationtiming-functiondelay
- animation补充、浏览器前缀、javascript
颜青ya
animation-fill-mode：动画前后的状态none：不改变默认行为forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）backwards：在animation-delay所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）both：向前和向后填充模式都被应用animation:namedurationtiming-functiondelay
- CSS动画
啊烟雨
animation动画动画名称、时间、曲线、延迟、播放次数、结束后是否返回、动画前后的状态infinite不限制次数alternate动画结束后返回，返回也算次数animation-fill-mode动画前后的状态forwards动画完成保持在最后一帧backwards在延迟时间内，在动画显示之前，应用from开始属性值（例如box宽100，from宽200，在延迟1s内显示200）both向前和
- animation-fill-mode:forwards 如何让动画保持最后一帧一直循环?
June.1
其他
问题是这样的,当我对一个圆球旋转进行定义时,圆球执行一个周期的旋转后开始进行反向旋转。无论是否定义forwards都是这样下面就是导致出现问题的错误示例：@keyframesearthRotate{0%{transform:rotateX(0deg)rotateY(0deg)rotateX(16deg);}50%{transform:rotateX(0deg)rotateY(360deg)rota
- animation-fill-mode的使用
Wendy_U
css动画css3
动画分为初始状态、等待期、动画执行和完成期四个阶段，当清楚这四个阶段便能较好的理解了初始状态：未触发动画效果时的原有状态等待期：设置animation-delay的这段期间动画执行：delay结束瞬间开始执行动画，一直持续到最后一帧完成期：执行完最后一帧时，元素此时处于的状态animation-fill-mode有四个可选值none：表示等待期和完成期元素样式都为初始状态样式，不受动画定义（@ke
- css animation 动画如何保留动画结束后的状态 animation-fill-mode: forwards
十月ooOO
#CSScss前端动画
cssanimation动画如何保留动画结束后的状态animation-fill-mode:forwards一、问题描述在做一个弹窗动画提示的时候遇到了一个问题：在动画结束的时候，移除元素时会有闪一下的问题，像这样，有残留的痕迹。我的动画结尾是这样的：from{-webkit-transform:translate3d(0,0,0)translateX(-50%);transform:transl
- css手机端长摁背景变色,css动画，如何实现点击/长按时背景色切换的动画效果（背景从中间向两边延展）...
南城北忆
css手机端长摁背景变色
animation+keyframes简易样例如下：背景渐变动画div{width:300px;height:48px;background:#eee;text-align:center;}div:active{/*执行动画*/animation:show0.5s1;/*停止在最后一帧*/animation-fill-mode:forwards;}@keyframesshow{10%{backgr
- css实现元素渐出（从左到右，从右到左等）
哪有人敲代码不戴头盔的
css动画css3
效果:实现很简单，是css的动画属性animation以下是代码/*动画效果*/.enter-x-left{z-index:9;opacity:0;animation:enter-x-left0.4sease-in-out0.3s;animation-fill-mode:forwards;transform:translateX(-50px);}.enter-x-right{z-index:9;o
- animation-fill-mode: both；这是什么属性
fury_123
animation
问:animation-fill-mode:both;这是什么属性回答:animation-fill-mode:both;是CSS动画属性之一，用于指定动画在播放前和播放后的状态。具体解释如下：animation-fill-mode属性决定了在动画播放之前和之后动画样式是否应该应用到元素上。both值表示动画样式将被应用到元素上，在动画前后都保留动画最终状态。当设置为forwards时，动画将保持
- animation补充、浏览器前缀、javascript
镇_75f3
浏览器前缀：ms-兼容IE浏览器-moz-兼容firefox-o-兼容opera-webkit-兼容chrome和safarianimation补充animation-fill-mode：动画前后的状态none：不改变默认行为forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）backwards：在animation-delay所指定的一段时间内，在动画显示之前，应用开始属
- 关于css 父级 影响 子级 z-index层级问题
空、
前端基础学习前端cssbug
如题，经过排查，发现是父级使用了animation与animation-fill-mode:forwards;造成了z-index失效，暂时没有找到解决方法，只能将其与父级定义在同一层
- 不用导入animate库，也能实现animate的动画
007。
前端javascripthtmlvue.js
1、基础公共代码.animated{animation-duration:.8s;//持续时间animation-fill-mode:both;}2、在animate官网（Animate.css|Across-browserlibraryofCSSanimations.）找到自己需要的css效果，复制名字，例如：bounce3、到github上找源码（https://github.com/anim
- CSS3 Animation 控制元素在动画的初始位置开始动画
SheepBoy
当我们给元素添加Animation后，动画总是现在元素的初始位置显示一下，然后再跳到动画的起始位置播放，这样的话会很难看。解决方法：使用animation-fill-mode:forwards属性imageforwards参数意思为元素将在动画延迟结束后初始位置显示在动画关键帧的最后一帧定义的位置backwards参数意思为元素将在动画延迟结束后初始位置显示在动画关键帧的第一帧定义的位置@keyf
- Vue 中通用的 css 列表入场动画效果
清云随笔
css
css代码.gradientAnimation{animation-name:gradient;animation-duration:0.85s;animation-fill-mode:forwards;opacity:0;}/*不带前缀的放到最后*/@keyframesgradient{0%{opacity:0;transform:translate(-100px,0px);}100%{opac
- css实现鼠标滑动左下角弹框带动画效果
筱闯~
csscss3前端
代码css代码.kuang{height:500px;width:400px;//background-color:#fff;position:absolute;z-index:10;bottom:0;transform:translateX(-390px)}.kuang:hover{animation:myanimation3slinear1;animation-fill-mode:forwar
- animation-fill-mode
zhangjingbibibi
今天用zepto做一个h5的recruitPage的时候用到了animation-fill-mode，简单记录一下animation-fill-mode-指定动画执行前后如何为目标元素应用样式。允许值：forwards,backwards,both,none默认值：nonenone：回到动画还未开始前的状态backwards：动画回到第一帧的状态forwards：动画停留在结束时的状态both:根
- animation动画结束后css样式怎么保留最后状态
捷搜索
本文来源于CSSanimation动画之animation-fill-mode特性问题css属性animation动画可以轻松地给页面带来很炫很酷的效果，但是有时候我们会遇到这个问题，动画结束后css状态会返回到初始状态，那么这并不是我们想要的，我们希望动画结束后css状态达到最后的模样。解决方案为了达到这个效果，可以给个css样式：（animation-fill-mode:forwards）。a
- 妙啊！动画还可以这样控制？
今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户hover的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用CSS可以完成么？像是这样：一个非常有意思的问题，答案是可以的。我们抽取一下其中的关键点：动画只运行一次，未运行前处于第一帧，运行完后处于最后一帧动画通过hover驱动，只有用户hover元素的时候，动画才进行animation-fill-mode控制元素在
- 妙啊！动画还可以这样控制？
今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户hover的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用CSS可以完成么？像是这样：一个非常有意思的问题，答案是可以的。我们抽取一下其中的关键点：动画只运行一次，未运行前处于第一帧，运行完后处于最后一帧动画通过hover驱动，只有用户hover元素的时候，动画才进行animation-fill-mode控制元素在
- 在vue 中 css 使用 js 变量
daozun
vue2：哈哈哈哈哈exportdefault{data(){return{speed:20}},computed:{userStyle(){return{"--speed":this.speed+240+"deg",}}}.word{animation:lunpan1ssteps(1,start);animation-fill-mode:forwards;}@keyframeslunpan{fr
- 动画属性总结
何时才能不菜
笔记css
animation-name动画名称animation-duration动画时长animation-delay延迟时间animation-fill-mode动画执行完毕时状态forwards最后一帧状态backwards第一帧状态animation-timing-function速度曲线step(数字)animation-iteration-count重复次数infinite无限循环animati
- CSS动画
承諾過往雲煙
infinite不限制次数alternate动画结束后返回，返回也算次数animation-fill-mode动画前后的状态forwards动画完成保持在最后一帧backwards在延迟时间内，在动画显示之前，应用from开始属性值（例如box宽100，from宽200，在延迟1s内显示200）both向前和向后填充模式都被应用（例如起始按200，结束停在最后一帧）steps动画步数定义一个动画，
- 2019-04-02
yustyal
animation动画/*动画名称、时间、曲线、延迟、播放次数、结束后是否返回、动画前后的状态infinite不限制次数alternate动画结束后返回,返回也算次数animation-fill-mode动画前后的状态forwards动画完成保持在最后一帧backwards在延迟时间内，在动画显示之前，应用from开始属性值（例如box宽100，from宽200，在延迟1s内显示200）both向
- 【css】动画animation
鹿啦啦zz
动画停留在最后一帧animation-fill-mode:forwards;电池高度不定动画效果http://js.jirengu.com/vupipozuju/1/edit?html,css,outputmax-heightanimation-timing-functiontransition-timing-function抛物线动画（By张鑫旭）定义和用法animation-timing-fu
- 写过的PC动画效果 animate + vue
空脑壳
vue.jsjavascriptanimate
下包npminstallanimate.css--save引入importanimatedfrom'animate.css'Vue.use(animated)//css.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:b
- CSS3 animation-fill-mode 属性
欣欣~
html+css
animation-fill-mode属性规定当动画不播放时（动画不播放有两种情形：当动画完成后不播放时，或当动画有设置延迟时间未开始播放时），要应用到元素的样式。默认情况下，CSS动画在第一个关键帧播放完之前不会影响元素，在最后一个关键帧完成后停止影响元素。animation-fill-mode属性可重写该行为。属性可选值：animation-fill-mode:none|forwards|ba
- css3 animation
weixin_30394669
详细参考：http://css.doyoe.com/是否回到初始状态：animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:none|forwards|backwards|both;值描述none不改变默认行为。forwards当动画完成后，保持最后一个属性值（在最后一个关键帧中定
- CSS： animation动画结束后，样式怎么保持最后状态
GJTing
css
animation-fill-mode:forwards//设置对象状态为动画结束时的状态animation-fill-mode语法：animation-fill-mode：none|forwards|backwards|both[,none|forwards|backwards|both]*默认值：none适用于：所有元素，包含伪对象:after和:before继承性：无取值：none：默认值。
- 微信小程序动画课程-通过wxss(css)来实现-animation-fill-mode属性
黄菊华老师
视频教程
animation-fill-mode属性微信小程序交流群：111733917|微信小程序从0基础到就业的课程：https://edu.csdn.net/topic/huangjuhua定义和用法animation-fill-mode属性规定动画在播放之前或之后，其动画效果是否可见。注释：其属性值是由逗号分隔的一个或多个填充模式关键词。默认值：none继承性：no版本：CSS3JavaScript
- sql统计相同项个数并按名次显示
朱辉辉33
javaoracle
现在有如下这样一个表：
A表
ID Name time
------------------------------
0001 aaa 2006-11-18
0002 ccc 2006-11-18
0003 eee 2006-11-18
0004 aaa 2006-11-18
0005 eee 2006-11-18
0004 aaa 2006-11-18
0002 ccc 20
- Android+Jquery Mobile学习系列-目录
白糖_
JQuery Mobile
最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。
从现在起，往后一段时间，我打算
- 如何给线程池命名
daysinsun
线程池
在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：
public class Named
- IE 中"HTML Parsing Error:Unable to modify the parent container element before the
周凡杨
html解析errorreadyState
错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"
现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
- java上传
g21121
java
我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。
我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/
下面是servlet的代码：
//定义一个磁盘文件工厂
DiskFileItemFactory fact
- SpringMVC配置学习
510888780
springmvc
spring MVC配置详解
现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。
一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
- spring mvc-jfreeChart 柱图(1)
布衣凌宇
jfreechart
第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可；
第二步：配置web.xml;
web.xml代码如下
<servlet>
<servlet-name>jfreechart</servlet-nam
- 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer
aijuans
Spring3
PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
- java 线程池使用 Runnable&Callable&Future
antlove
javathreadRunnablecallablefuture
1. 创建线程池
ExecutorService executorService = Executors.newCachedThreadPool();
2. 执行一次线程，调用Runnable接口实现
Future<?> future = executorService.submit(new DefaultRunnable());
System.out.prin
- XML语法元素结构的总结
百合不是茶
xml树结构
1.XML介绍1969年 gml (主要目的是要在不同的机器进行通信的数据规范)1985年 sgml standard generralized markup language1993年 html(www网)1998年 xml extensible markup language
- 改变eclipse编码格式
bijian1013
eclipse编码格式
1.改变整个工作空间的编码格式
改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。
Eclipse->window->preferences->General->workspace-
- javascript中return的设计缺陷
bijian1013
JavaScriptAngularJS
代码1：
<script>
var gisService = (function(window)
{
return
{
name:function ()
{
alert(1);
}
};
})(this);
gisService.name();
&l
- 【持久化框架MyBatis3八】Spring集成MyBatis3
bit1129
Mybatis3
pom.xml配置
Maven的pom中主要包括：
MyBatis
MyBatis-Spring
Spring
MySQL-Connector-Java
Druid
applicationContext.xml配置
<?xml version="1.0" encoding="UTF-8"?>
&
- java web项目启动时自动加载自定义properties文件
bitray
javaWeb监听器相对路径
创建一个类
public class ContextInitListener implements ServletContextListener
使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。
类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。
<listener>
<des
- 用nginx区分文件大小做出不同响应
ronin47
昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
- java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大
bylijinnan
java
package com.ljn.base;
import java.util.Arrays;
import java.util.Random;
public class ContinuousPoker {
/**
* Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。
* 2-10为数字本身，A为1，J为1
- 翟鸿燊老师语录
ccii
翟鸿燊
一、国学应用智慧TAT之亮剑精神A
1. 角色就是人格
就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。
还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
- [光速与宇宙]进行光速飞行的一些问题
comsci
问题
在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家
仅仅是猜想。。。未经官方证实
1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
- oracle undo解析
cwqcwqmax9
oracle
oracle undo解析2012-09-24 09:02:01 我来说两句 作者：虫师收藏 我要投稿
Undo是干嘛用的？ &nb
- java中各种集合的详细介绍
dashuaifu
java集合
一，java中各种集合的关系图 Collection 接口的接口 对象的集合 ├ List 子接口 &n
- 卸载windows服务的方法
dcj3sjt126com
windowsservice
卸载Windows服务的方法
在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
- Warning: The Copy Bundle Resources build phase contains this target's Info.plist
dcj3sjt126com
iosxcode
http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html
Excerpt:
You are getting this warning because you probably added your Info.plist file to your Copy Bundle
- 2014之C++学习笔记（一）
Etwo
C++EtwoEtwoiterator迭代器
已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
- js跨越获取数据问题记录
haifengwuch
jsonpjsonAjax
js的跨越问题，普通的ajax无法获取服务器返回的值。
第一种解决方案，通过getson，后台配合方式，实现。
Java后台代码：
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String ca
- 蓝色jQuery导航条
ini
JavaScripthtmljqueryWebhtml5
效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
- linux部署jdk,tomcat,mysql
kerryg
jdktomcatlinuxmysql
1、安装java环境jdk:
一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。
1.1）、卸载：
（rpm -qa :查询已经安装哪些软件包；
rmp -q 软件包：查询指定包是否已
- DOMContentLoaded VS onload VS onreadystatechange
mutongwu
jqueryjs
1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+）
2. onload是最早支持的事件，要求所有资源加载完毕触发。
3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
- sql批量插入数据
qifeifei
批量插入
hi，
自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。
WITH tempT AS (
SELECT
item_id AS combo_id,
item_id,
now() AS create_date
FROM
a
- log4j打印日志文件 如何实现相对路径到 项目工程下
thinkfreer
Weblog4j应用服务器日志
最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下
需求：
用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
- linux下mysql-5.6.23.tar.gz安装与配置
笑我痴狂
mysqllinuxunix
1.卸载系统默认的mysql
[root@localhost ~]# rpm -qa | grep mysql
mysql-libs-5.1.66-2.el6_3.x86_64
mysql-devel-5.1.66-2.el6_3.x86_64
mysql-5.1.66-2.el6_3.x86_64
[root@localhost ~]# rpm -e mysql-libs-5.1
