weixin_46032713的博客

@keyframes *** {0%—100%}animation: animationName time [ style …]##源码css....sport { position: relative; width: 500px; height: 400px; border: 1px solid #F6D66E; background-color: greenyellow;

抛出问题：什么是css动画？动画使元素逐渐从一种样式变为另一种样式。我们可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。语法：首先要定义动画方式1@keyframes move { /* 开始 */ 0% { /* 代码块 */ } /* 结束 */

缩放——scale()在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。scale()方法跟translate()方法类似，缩放也有3种情况：scaleX()、scaleY()、scale()，参数x表示元素在x轴方向的缩放倍数，参数y表示元素在y轴方向的缩放倍数。有以下几种情况：transform: scale(x, y);里面写的数字不跟单位 就是倍数的意思 1 就是1倍 2就是 2倍transform: s

页码缩放案例需求：当鼠标经过，页码会放大，鼠标离开，页码恢复大小案例... ul { margin: 100px auto; } li { width: 30px; height: 30px; border: 1px solid skyblue; text-align: center; l

什么是热点图？热点图，就是看到这个图像，能够让人豁然开朗，明白要表达什么。上源码 body { background-color: #333; } .map { position: relative; width: 747px; height: 617px; background: url(media/map.png

transform–2D转换位移什么是2D转换？就是在平面中的形态变化。语法x就是x轴上移动位置 y 就是y轴上移动位置 中间用逗号分隔transform: translate(x, y);transform: translate(100px, 100px);我们如果只移动x坐标transform: translate(100px, 0);transform: translateX(100px);我们如果只移动y坐标transform: translate(0, 100px);t

一、首先是C3属性选择器每一个标签都有自己的属性，是吧？要给它一个样式，就可以通过它的属性来找到它。属性选择器的权重是10都有哪些？标签名[属性名]标签标签名[type=“属性名”]^= 以icon开始的选出来$= 以icon结尾的选出来*= 代表任意位置，包含该属性的就要选出来例子<style>...button[disabled] { cursor: default; }button { cu

H5新增了那些属性呢？说明：1.email 会在文本框中自动监测用户输入的是否符合邮箱的格式以@为标准== 2.url== 自动检测3.date 会给出一个日历供用户选择，直观4.time 会给出一个钟表供用户选择5.number 会自动检测输入是否为数字型 且有增加和减少按钮6.tel 自带号码校验属性<form action=""> <ul> <li>邮箱：<input type="email"&