- 博客(6)
- 收藏
- 关注
原创 three.js CSS3DObject在非全屏场景下浏览器缩放尺寸导致位置偏移问题(vue)
经过多次测试,在flex布局或者百分比布局下,threejs场景盒子左侧的盒子宽度会出现小数的情况,猜测three.js在进行CSS3DObject定位操作的时候会因为小数问题导致精度丢失。1、不使用flex布局或者百分比布局,使用精确的宽度进行布局。2、使用js设置精准的盒子宽度。
2024-04-10 17:07:07 541
原创 纯css实现文字一个一个出现(文字擦除)的效果
复制一个相同的文本,使用行内元素包裹定位覆盖在原文本上,再使用背景渐变加动画的方式实现文字一个一个出现的效果。需要注意的是动画原理中修改的元素必须是能修改的数值类,并且是css属性,所以这里需要使用@property将代码中--p定义为一个css属性才能让css动画完整的执行。缺点:当背景为图片或者较为复杂的渐变色时不适合用该方法。
2024-04-10 17:05:49 638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人