- 2024-07-01写个时钟（进阶篇）
在“写个时钟（行为篇）”中，我们通过 JavaScript 动态创建的时针、分针和秒针，并直接在 JavaScript 中通过控制行内样式的 transform属性，设置 rotate 的值，实现指针的旋转。这样的方式，对于 DOM 的控制消耗较大，若放到大项目中，对项目性能具有一定的影响，也让 JavaScript 代
- 2024-06-22实现鼠标悬停标题出现下划线动画的详细技术解析
在现代Web开发中，用户体验（UX）是一个重要的方面，动画效果可以显著提升用户与网站交互的愉悦度。在这篇文章中，我们将深入探讨如何在鼠标悬停标题时实现一条下划线动画效果。我们将详细解释每个技术细节，包括HTML结构、CSS样式和动画原理。效果展示：一、基础HTML结构首先，我们需
- 2024-06-21Unity初始位置初始化设置
一、Transform面板介绍参数说明： Position：位置； Rotation：角度； Scale： 比例。二、在Transform面板填写参数，如图所示：三、编写代码转换物体位置、角度、比例 1、位置转换：代码说明： 将目前游戏
- 2024-06-20网页实现前端轮盘抽奖
参考链接Luckydraw/index.htmlatmain·alltrue6/Luckydraw(github.com)实现结果如下 代码如下：创建了一个旋转抽奖盘，用户点击“开始抽奖”按钮后，抽奖盘会旋转并最终停止在一个随机的奖项上，并显示抽中的奖品。引入jQuery库:使用CDN引入jQuery库，方便后续进行DOM操作
- 2024-06-20如何应用 matrix3d 映射变幻
如何应用matrix3d映射变幻先上demo记得是在2015看到过的一个html5演示效果，很惊艳当时没明白如何实现，现在我会了，做一个类似的：又弄了一个拖动的demo我数学真的很差“你好老师！学这个矩阵具体有什么用？”老师喝着水貌似想了一会儿回答：“考试用”..这个问题我真问过
- 2024-06-19机器学习（一）
机器学习1.机器学习概述1.1人工智能概述1.1.1机器学习与人工智能、深度学习的关系1.1.2人工智能的起点1.1.3机器学习、深度学习能做什么？1.2什么是机器学习？1.2.1定义1.2.2数据集的构成1.3机器学习算法1.4机器学习开发流程2.特征工程2.1数据集2.1.1可用数据
- 2024-06-19【html】爱心跳动动画：CSS魔法背后的故事
效果展示：代码介绍：爱心跳动动画：CSS魔法背后的故事在前端开发中，CSS不仅仅是一种用于控制网页样式的工具，它也是一种表达创意和想象力的艺术手段。今天，我要为大家介绍一段使用CSS实现的爱心跳动动画代码，这段代码将带您领略CSS的魔法之处。首先，我们来整体看一下这个动画的结
- 2024-06-18博客园美化教程 可自制（附代码）
博客美化由于有小伙伴需要这些好看的代码，我就把自己从网上整合的一些代码分享给各位。主要参考了凌云_void大佬的博客申请JS权限第一步你需要申请一个博客，审核通过之后在博客后台的设置中找到申请js权限理由积极向上即可通过后就可以开始后门的步骤了，差不多半个小时审核就
- 2024-06-18CSS动画（个人资料卡片）
1.整体效果https://mmbiz.qpic.cn/sz_mmbiz_gif/EGZdlrTDJa63Oz8IaRI51Mw7mY02LHmnpXicG4icA3ERN1MVszMdNafsgV3xaVHLhMA6avquSJux4CLV8uggtfbw/640?wx_fmt=gif&from=appmsg&wxfrom=13今天呈现的不仅是一个个人介绍界面，而是一次交互式的视觉体验。精心编排的HTML与CSS
- 2024-06-14【制作100个unity游戏之29】使用unity复刻经典游戏《愤怒的小鸟》（完结，附带项目源码）
最终效果前言欢迎来到【制作100个Unity游戏】系列！本系列将引导您一步步学习如何使用Unity开发各种类型的游戏。在这第29篇中，我们将探索如何用unity复刻经典游戏《愤怒的小鸟》，我会附带项目源码，以便你更好理解它。简单搭建环境修改图片配置并切图，修改最大尺寸是为了让图
- 2024-06-13CSS实现3D翻转卡牌效果
翻牌效果这是一个简单的翻牌效果，通过HTML和CSS实现。详细的实现和注意点如下：HTML结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.
- 2024-06-12HTML+CSS+JS 倒计时动画效果
1.整体效果https://mmbiz.qpic.cn/mmbiz_gif/iaVb9cSjKNDeLc7vbAUXJ4yFicKsd2d94ibVgYMJYz3frKeib1tibZhf78kc70gVp9EoqQw16Xzia6OialDaibic9o4iaMfg/640?wx_fmt=gif&from=appmsg&wxfrom=13&tp=wxpic实现了一个倒计时动画效果，包括数字区域和倒计时结束区域。数字区域显
- 2024-06-11css3一直旋转 暂停后还保持角度
要使CSS3动画一直旋转，并在暂停时保持最后的角度，您可以使用animation-play-state:paused;属性来暂停动画，并使用animation-fill-mode:forwards;来保留最后的状态。@keyframesrotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
- 2024-06-10web前端开发——期末大作业网页制作——web网页设计期末课程大作业 HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。⚽精彩专栏推荐
- 2024-06-10前端做一个时钟罗盘
要实现一个时钟罗盘，可以使用HTML、CSS和JavaScript来完成。下面是一个简单的前端代码示例： HTML代码：<!DOCTYPEhtml><html><head><title>时钟罗盘</title><linkrel="stylesheet"type="text/css"href="style.css"></head>&
- 2024-06-08纯CSS+单个div实现抖音LOGO
纯CSS+单个div就能绘制抖音LOGO关键点：主要借助了两个伪元素实现了整体结构，借助了drop-shadow生成一层整体阴影drop-shadow只能是单层阴影，所以另一层阴影需要多尝试contrast(150%)brightness(110%)则可以增强图像的对比度和亮度，更贴近抖音LOGO的效果预览结果如下：在线
- 2024-06-05web 关于CSS
我主要将两个好理解的：1这个代码是直接写在html里的，这个是不安全的。还有这个是在<head>标签下的。<styletype="text/css">body{background-image:url('images/background2.jpeg');background-size:cover;line-height:2;}.center-text{text-align:
- 2024-06-05如何最简单、通俗的理解transform？
前言我个人的观点是要想系统而又透彻地理解Transformer，至少要遵循下面这样一个思路（步骤）：1、了解一些NLP领域的基本知识，比如文本是如何被表征的，序列文本信息的处理，基于（深度神经网络）的语言模型是如何处理自然语言的；2、Transformer主要解决了什么问题。重点关注的方面有（自）注
- 2024-06-05Space.World的作用
usingUnityEngine;publicclassExampleScript:MonoBehaviour{voidStart(){//设置游戏对象的位置transform.position=newVector3(5,2,10);//设置游戏对象的旋转transform.rotation=Quaternion.Euler(30,45,0);
- 2024-06-05Unity中的物体移动
在Unity中，Rotate和Translate是Transform组件的两个方法，它们用于改变游戏对象的空间位置和方向。Rotate方法Rotate方法用于围绕游戏对象的局部坐标系中的轴或围绕世界坐标系中的轴旋转游戏对象。这个方法有多个重载版本，允许你以不同的方式指定旋转。局部旋转transform.R
- 2024-06-03Unity ScrollRect中，拖拽移动Item的顺序
*UnityScrollRect中，拖拽移动Item的顺序*目标需求制作方法完整代码最终效果备注unitypackage目标需求Unity在制作下拉菜单时，用户可通过拖拽Item,替换当前Item的位置。本教程使用UGUI制作方法创建脚本ScrollRectManager，用于管理整个ScrollRect,我是将脚本Scro
- 2024-05-31unity通过Transform:管理游戏对象的层级关系
unity中可以通过Transform类来管理游戏对象的层级关系，查询相关组件。1.获取游戏对象的父类，打印出来Debug.Log(transform.parent);设置父对象，以照相机为例子，查询主摄像机(main代表主摄像机transform.SetParent(Camera.main.transform);2. 当前对象，获取根对象(最上方的那个
- 2024-05-31CSS实现鼠标悬停图片放大的方法
CSS中实现鼠标悬停时图片放大的效果，可以通过使用:hover伪类选择器和transform属性来完成。以下是一个简单的示例代码：/*初始状态下的图片样式*/.img{width:100px;/*初始宽度*/transition:transform0.5sease;/*平滑过渡效果*/}/*鼠标悬停时的图片样式*/
- 2024-05-31自适应代码
adapterFunc(){(function(win){document.body.style.zoom=1;//document.body.style=width:1920px!important;height:960px!important;overflow:hidden;functionrefreshScale(){letdocWidth=document.documentElement.clientWidth;letdocHeight=docume
- 2024-05-28css画箭头,三角形
箭头.arrow{border:solidblack;border-width:01px1px0;display:inline-block;padding:4px;}//向上.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}//向下.down{transform:rotate(45deg);-webkit-transform:r