记录一个 css 和 js 实现网页鼠标跟随效果

最新推荐文章于 2023-02-02 19:23:30 发布

就是爱吃肉ro

最新推荐文章于 2023-02-02 19:23:30 发布

阅读量424

点赞数 2

分类专栏： # HTML / CSS / JavaScript 文章标签：鼠标跟随效果 css jsp

本文链接：https://blog.csdn.net/weixin_44510468/article/details/103300848

版权

这篇博客记录了如何使用CSS和JavaScript在网页上实现鼠标移动时的跟随动画效果，以及鼠标单击时的特定效果。尽管当前实现仅限于第一页，作者期待社区的大佬们提供完善方案。

摘要由CSDN通过智能技术生成

记录一个网页鼠标跟随样式, 鼠标移动实现跟随动画效果,不过不完善, 只能是第一页, 待大佬们完善

在这里插入图片描述

<div id="page_end_html">
        /*鼠标跟随效果*/
<style type="text/css">
    .draw {
   
        position: fixed;
        width: 1px;
        line-height: 1px;
        pointer-events: none;
    }
    @keyframes floatOne {
   
        0% {
   
                    opacity:1;
        }
        50% {
   
                    opacity:1;
        }
        100% {
   
                    opacity