过渡效果与hover一起使用,是对于hover中的效果的过渡设置,hover是最终的效果,过度设置实现过程
transition:width .5s ease 1s;第一个是需要设置过度的属性,第二个是过渡的时间,第三个是过渡的时间曲线,第四个是开始时间。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jqueryfilm.js"></script>
<style>
div{
width: 200px;
height: 100px;