前言：提供了完整代码和预览图为防止大家复制出错，特提供代码的打包下载地址 百度网盘[1]链接：https://pan.baidu.com/s/1qjquFV9j7I0KldFu7d7eZg?pwd=n2sz提取码：n2sz 微信截图_20220517142941.png
一. 炫酷星空
1.gif
代码<!DOCTYPE HTML>
<html&g
一、鼠标滑入文字逐个渐入效果图： 鼠标滑入文字逐个渐入
鼠标滑入按钮时，按钮中原本的文字从下方滑走，同时在原位置上，按钮文字单个挨个浮现。（原本文字和后面单个浮现的文本内容可不一致，可根据需要进行调整）。实现思路：用div模拟button按钮，并将按钮文本单个单个的放在其子元素span中，用于后面的单个显示。而鼠标没有触发时的静止状态文本则由div按钮的伪类::before来承担。在静态
转载
2024-04-19 14:44:34
203阅读
原标题：【实用】上班族必备！10个实用电脑炫酷小技巧~对于很多使用电脑的网友来说，相信很多时候看到在同一件事情上别人完成的效率比自己快感到很不解，其实，对于那些工作效率高的人，快捷键起到了非常关键的作用。因此，对于长期利用电脑工作的网友来说，如果能掌握一些键盘的快捷方式，对于提高工作效率是非常有效的，接下来，U妹就传授几招目前最常用的电脑快捷方式，让你的工作效率爆表。1、快速切换程序桌面的程序开的
转载
2024-03-30 07:45:09
53阅读
适配方案该方案是基于css中的缩放（transform: scale(xxx)）的方法来适配不同分辨率下的页面实现思路获取当前页面可视化区域的宽高，对比设计稿的宽高，获得一个缩放比例（宽度比 = 当前可视化区域的宽度 / 设计稿的宽度，高度比 = 当前可视化区域的高度 / 设计稿的高度）如果宽度比小于高度比，则x轴铺满，y轴出现白边（白边可用背景色去进行填充） 如果高度比小于宽度比，则y轴铺满，x
什么是html？html是一种简单易记，功能强大的标记语言，它是学习前端知识的第一站，也是所有WEB开发者、乃至产品经理、运营人员必须学习的一项基础内容。为什么学习html5？1. html5是WEB开发者，必须掌握的基础知识；2. html5应用广泛，它可以用来开发网站、WEB应用、WEB游戏等等，如微信小程序、移动端小游戏等都跟html5有关；3. html5很容易掌握，花几个小时就可以掌握它
转载
2024-05-30 19:42:14
49阅读
那H5里有哪些高级动效了？小编仔细体验了国内不少几个优秀H5页面作品，整理出下面几个H5页面特效。我们的H5作品如果能用上其中一两个，相信能增色不少！ 1、粒子特效 —》》一键爆炸 模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器，脚本来控制其整体或单个的运动，模拟出现真实的效果。作者
我们经常在抖音上看到一些前端很酷的特效，诸如：快叫你学编程的朋友给你写一个圣诞树，看着是不是很酷炫呢？其实只要有源码，你也可以拥有哦！
原创
2022-12-18 22:23:15
488阅读
jQuery高级案例：聊天窗口页面、网站注册页面、以及todolist和弹框
原创
2022-03-14 10:51:44
526阅读
1、loading动态图标网站：https://css-loaders.com/2、引导页的实现：https://driverjs.com/
原创
2024-05-22 11:11:20
74阅读
PPT动画应用的好，可以做出电影级动态特效，islide将通过分享粒子动画制作教程，教会大家打造炫酷的PPT开场动画。 islidePPT素材 下面直接进入制作教程：第一步：插入一张星空背景图并调整图片大小，使其充满整个幻灯片页面;第二步：选中该图片，点击【动画】工具栏，找到并点击【放大/缩小】动画;第三步：在动画工具栏右侧，将动画参数设置为开始【与上一动画同时】，持续时间为15秒;第四步：点
转载
2023-09-05 10:25:45
253阅读
源起公司项目用到一个进度条动画，需要自己绘制从0加载到100的情况，而且效果需要很酷炫。最后是采用了lottie动画+一部分自定义View来实现，拆分了出来。过后，觉得其实自己实现这样的一个效果也不难，便开始了以下的尝试。先看下效果分析1.分析下：最外层是一个由小圆点顺时针旋转的圆、第二层是直接一个圆、第三层有两层：内层是由矩形逆时针旋转的圆，外层是一个圆环、最后是文字展示。2.实现思路是这样：分
转载
2023-06-27 13:42:22
551阅读
1.evanyou 效果-彩带的实现，效果如下注：这个主要用的是 Canvas 画布实现的，点击背景绘制新的图形，代码如下： /*Html代码:*/
<canvas id="evanyou" width="1920" height="934"></canvas>
/*CSS代码:*/
<style type="text/css">
#ev
转载
2024-01-26 09:05:21
198阅读
Python 是一种开源编程语言，用于 Web 编程、数据科学、人工智能和许多科学应用。学习 Python 使程序员能够专注于解决问题，而不是专注于语法，其丰富的库赋予它完成伟大任务所需的力量。1) IDLE安装 Python 时，默认情况下也会安装 IDLE。这是比较好的Python工具之一。这使得在 Python 中入门变得非常简单。它的主要功能包括Python shell 窗口（交互式解释器
转载
2023-09-12 22:56:40
199阅读
在2020年4月，小米正式发布了 MIUI 12 系统，带来了广受欢迎的超级壁纸，那个时候首发只有地球和火星这2个超级壁纸，极客君也是在第一时间分享了这2个超级壁纸的安卓全机型安装教程。1个月前 MIUI 12.5 正式发布，新增了全新的雪山壁纸，所以到目前为止，MIUI的超级壁纸除了最初的地球和火星之外，还新增了土星环、几何、24小时雪山和天气超级壁纸。而且地球超级壁纸还新增了希腊沉船湾与意大利
转载
2023-07-24 13:54:05
312阅读
Android5.0+推出的新控件感觉特别酷，最近想模仿大神做个看图App出来，所以先把这些新控件用熟悉了。
新控件的介绍、使用等等网上相应的文章已经特别多了，题主也没那能力去写篇详解出来，本篇随笔记录的主要是题主学习这些新控件时遇见的一些困惑以及在搞了半天后的一丝理解，或许也有新手也会碰到跟我一样的困惑，相互学习哈，如果有哪个地方理解错了，还望告知。效果首先看下效果，本篇也就是只记录以下两张动图
转载
2023-09-26 17:49:15
197阅读
自从我学会了Python的turtle模块后，像什么小猪佩奇、哆啦A梦等，画了不少！但是这些依然不能体现到python的强大之处，每次装逼必被打脸。就像你用turtle画了这个而别人拿出这个赤裸裸的打脸，这我怎么能受得了。这时我找到了个更加能装逼的python库-pyray来大家感受一下吧。安装的话我们不用多说了。pip install raypy这里我们还要安装其他的python库PIL、num
转载
2023-07-02 22:13:52
1894阅读
前言很多时候，我们的页面需要网络请求完毕再根据数据加载 UI，而在此过程中，用户等待时，一般会有一个加载中的提示。本文结合自定义 View/ViewGroup 以及属性动画相关知识，讲述较为炫酷的动画效果的 LoadingView，并在细节上优化了代码。1.LoadingView 效果分析1.1 最终实现的效果图如下1.2 效果分析LoadingView 有三个不同形状的 View 进行下落回弹并
转载
2023-07-24 13:55:04
334阅读
对于可视化地图，Pyecharts是我以前用的最多的。还有应该就是一些网站了，现成的工具，不需要敲代码。 而对于Matplotlib，目前我还没有使用它绘制过地图。所以在查阅相关资料的时候，又发现了大佬造的轮子。Python+Selenium+Matplotlib，实现中国地图可视化。地图数据来源于民政部，真实可靠。项目地址：https://gitee.com/jixuanfan/Ma
转载
2023-06-19 21:15:05
333阅读
前端大屏可视化项目适配方案1. 全局适配1.1 css scale 适配方案1.2 vw+vh适配方案(有些细节处采用媒体查询处理)1.2.1 按照设计稿的尺寸，将`px`按比例计算转为`vw`和`vh`1.2.2 借助scss函数实现计算1.2.3 动态DOM元素适配2. echats及第三方组件适配（配置型）
1. 全局适配1.1 css scale 适配方案注1：如果组件内部已经存
转载
2024-03-18 22:48:02
419阅读
又一期实战教程来了，本次实战教你创建一个粒子魔术效果，跟着我做，包你也能学会和理解。当谈到运动和动画时，可能没有什么比粒子更让我喜欢了，这就是为什么每次我探索新技术时，我总是以尽可能多的创建粒子来演示。在本文中，单击按钮时，我们将使用Web Animations API创建烟花效果，从而制作更多的粒子魔术。效果如下本文演示和完整代码已经放在我的博客小码页面让我们开始吧！浏览器支持在我撰写本文时，除
转载
2023-11-14 14:17:02
93阅读
