摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
摘要：
<style> /*动画和过度transition区别，动画调用就可以自动播放，transition需要有事件驱动才行*/ /*1.定义动画名为moveDemo*/ @keyframes moveDemo { /*动画开始也可：0%=from 100%=to*/ 0%{ transform: tra 阅读全文
摘要：
<!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
摘要：
<style> div{ width: 200px; height: 35px; border: 2px solid gray; /*父相*/ position: relative; } span{ /*子绝：相对于父元素进行绝对定位*/ position: absolute; top: 3px; 阅读全文
摘要：
<!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>transform 阅读全文