
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 · 403 阅读 · 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 · 823 阅读 · 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 · 1146 阅读 · 0 评论