前端小白
文章平均质量分 92
梦里啥都有0_o
梦里啥都有
展开
-
CSS3的一些动画展示
1. 了解‘过渡’ 2D转换2. 案例1. 1当用户将鼠标悬停在类为.box元素的泡泡背景上时,背景图像的位置会发生变化,并且这种变化会在 2 秒内平滑过渡。背景图像在鼠标悬停时移动,给人一种动态的视觉体验。十分丝滑,且简单。这段代码的总体效果是,我们将鼠标悬停在页面的任意位置时,位于左下角的小火煎会平滑地移动到右上角并旋转30°,同时背景颜色保持不变。原创 2024-07-22 19:12:50 · 1503 阅读 · 0 评论 -
【前端新手小白】穿出js开始学习jq
以上为jq给我们的基础的动画移动变化的效果动画还可以通过自定义达到自己想要的效果通过params:想要更改的样式属性,以对象形式传递,属性名可以不用带引号speed:三种预定速度之一的字符串(‘slow’,’normal’,or’fast’)或表示动画时长的毫秒数值(如:1000)easing:(Optional)用来指定切换效果,默认是’swing’,可用参数linearfn:回调函数,在动画完成时执行的函数,每个元素执行一次。举例。原创 2024-07-18 19:33:41 · 907 阅读 · 3 评论