css
关注
分享
扫一扫
wmnmtm
QQ:1023266328
展开
-
CSS3动画transform、transition和animation的区别
（1）transform仅描述元素的静态样式，常常配合transition和animation使用（2）transition通常和hover等事件配合使用，animation是自发的，立即播放（3）animation可设置循环次数（4）animation可设置每一帧的样式和时间，transition只能设置头尾（5）transition可与js配合使用，js设定要变化的样式，transition负责动画效果https://www.cnblogs.com/ypppt/p/1336374原创 2021-08-08 11:48:45 · 361 阅读 · 0 评论 -
鼠标拖拽DIV时的吸附效果
<!doctype html><html><head><meta charset="UTF-8"><title>拖动时的吸附效果</title><style>* {padding: 0;margin: 0;}#box1 {width: 500px;height: 500px;background: #999;position: relative;left: 100px;top:...原创 2021-06-30 17:33:20 · 743 阅读 · 0 评论 -
JavaScript DOM元素尺寸和位置
一、获取元素CSS大小1.通过style内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取;如果没有则返回空。2.通过计算获取元素的大小var style = window.getComputedStyle ? window.getCom转载 2021-06-27 00:01:36 · 1081 阅读 · 0 评论