translateY

2024-11-07快看！HTML&CSS：你没见过的卡通表情
它包含了HTML结构、CSS样式和一些内嵌的CSS动画。这个网页设计了一个有趣的动画效果，看起来像是一个卡通风格的“便便”表情，周围还有一些彩色的气泡（可能是代表气体的视觉效果O(∩_∩)O哈哈~）HTML<divclass='toots'><divclass='toot'></div><divclass='toot'><
2024-10-18博客园美化
博客园美化作为一个小菜鸡，从来只会cv大法，虽然应该可能在以前是学过的，但是实际上相当于木学。这些时间有过在云服务器上部署过博客，所谓的部署也不过是把别人的源文件拉过来改下名字自己用，什么纯静态，前后端的都有试过。实际上弄起来会有各种问题，域名，防护，优化之类的对于我这种小菜鸡
2024-10-12css3小球上下移动效果
.ball-item{height:96px;width:96px;display:flex;justify-content:center;align-items:center;background:url('@/assets/nav-big-screen/ball.png')no-repeat100%/100%100%;color:
2024-10-05自动滚动和循环内容DIV
<!DOCTYPEhtml><html><head><title>ThisisTitle</title><stylety
2024-08-22【html+css 绚丽Loading】 - 000009 五行逆流珠
前言：哈喽，大家好，今天给大家分享html+css绚丽Loading！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦
2024-04-27博客园美化
1.申请JS权限主题选择SippleMemory2.修改配置在博客侧边栏公告处添加以下代码<scripttype="text/javascript">window.cnblogsConfig={info:{name:"你干嘛哎哟",//用户名avatar:"http://xxx.xx.xx",//用户
2024-04-10博客园美化教程
博客园美化教程前言之前一直想美化博客园，但一直没有找到比较喜欢的主题。最近找到了一个还比较满意的主题，SimpleMemory，特此分享。正文一、申请js权限首先点击这里--->博客后台-博客园(cnblogs.com)，来到博客园后台管理页面，点击设置下滑，在基本设置里找到申请js权
2024-04-03基于“SMemory”的博客园皮肤美化
本博文是基于BNDong大佬的开源博客代码设置，链接地址。基本配置安装配置注意本文档为v2版本的安装配置教程，请核对使用版本。应用插件需要JS权限，没有的请先申请权限。获取插件提示建议使用最新版本，历史版本随着博客园不断迭代，会出现兼容性问题。进入插件仓库：点击
2024-03-25【随便写写】存一下皮肤代码
侧边栏公告<scripttype="text/javascript">window.cnblogsConfig={info: { name: 'SaTsuki26681534', // 用户名 startDate: '2020-08-07', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
2023-12-25SimpleMemory博客园主题使用记录
SimpleMemory博客园主题使用记录前言这篇随笔是我第一次美化SimpleMemory博客园主题时写的相关配置记录。以便日后遗忘查阅！本主题选择的是SimpleMemoryThemeExtension，一款基于博客园SimpleMemory主题的扩展美化插件。优点很多，自行体会，反正我是很中意的，为作者点赞！作者示例博
2023-12-22一个炫酷的CSS动画
先不说是啥，直接上代码，想看效果自己复制运行。<!DOCTYPEhtml><html><head><style>html{background:black;}.container{width:300px;height:300px;}.main1{width:500px;
2023-12-19改变上传的svg颜色并生成新的svg文件,再上传或者更新至服务器上
最近有个需求,就是把上传的svg改颜色,并生成新的svg图片上传值服务器上<!DOCTYPEhtml><html><head><title>上传svg并修改颜色得到新的svg文件</title><style>#svgContainer{padding:50px;display:inline-block;}
2023-12-05el-table实现滚动效果
实现步骤：1、方法methods:{scroll(){letel=document.querySelector('.el-table__body-wrapper')el.addClassName='anim'setTimeout(()=>{//console.log(this.items[0])this.tableData.p
2023-11-23本博客的SimpleMemory博客皮肤设置教程及效果
博客样式设置本博客皮肤设计来自一位超级大佬所做大佬的GitHub项目地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory大佬的博客园地址：https://www.cnblogs.com/BNDong第一步：获取权限开通博客园账号并且开通博客园后台设置的JS权限，并勾选博客皮肤为SimpleMemory。
2023-11-15博客园皮肤推荐（一）
效果图设置设置禁用默认csscss代码#EntryTag,#blogTitleh1{margin-top:20px}#EntryTaga,.postSticky{background:#6fa3ef}#blogTitleh1a:hover,.dayTitlea,a,a:active,a:link,a:visited{color:#5c8ec6}#calendartablea:hover,#navLista:hover,.postDesca:hover,a:
2023-10-26主题 CSS 魔改版
（Markdown格式贴近Typora的显示样式）.blogpost-bodyblockquote{background-image:none;border-left:5pxsolid#e2dfdf;border-right:none;border-top:none;border-bottom:none;margin:10px0px;padding:8px15px;padding-top
2023-10-25给react native 添加transform translateY动画报错：Transform with key of "translateY" must be a numb
初学reactnative，想实现一个相机扫描功能时，报错，报错描述如标题这是我的主要逻辑代码constfadeAnim=useRef(newAnimated.Value(0)).current;constmove=()=>{fadeAnim.setValue(0);Animated.timing(fadeAnim,{toValue:200,duration:20
2023-09-01使用css3给网页元素出场动画让页面动起来
使用css3给网页元素出场动画让页面动起来一般情况下网页元素都是静态显示的，能不能做一个幻灯片那样增加个动画出场效果呢这里使用css实现简单效果css样式test.css*,*:after,*::before{ -moz-box-sizing:border-box; box-sizing:border-box; }body,h1,h2,h3,h4,h5,h
2023-08-25记录--一个炫酷的css动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近有一个需求，要我实现一个动画效果，效果如下简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。第一层的圆环很简单。第二层的圆环其实
2023-08-17html、css、js实现的一个简单计算器
title:html、css、js实现的一个简单计算器date:2023-07-1721:51:46categories:CTF-Web入门description:简易计算器主要代码来自runoob的计算器示例，只是精简了一下，把在js里监听完成的清除输入区也写成了一个函数，点击按钮的时候就自动调用了。这里面是有clear函数的，导致我
2023-07-24直播系统搭建，波浪文字效果
直播系统搭建，波浪文字效果 <template><view:style="{background:loadingType==='font'?'#fff':''}"v-if="show"><view:style="{'margin-top':loadingType==='font'?'-
2023-04-17React 组件进入和退出动画实现
在实现一个React中的弹框组件时，想给组件加个进入和退出动画，但发现React没有Vue3那样现成的api，因此需要自己设计。主要思路为给组件添加一个state来选择className，不同的className会给组件添加不同的动画效果，再使用cssanimation中的forwards来使组件固定在结束的位置。核心代码如
2023-03-16HTML+css轮播图效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-wid
2023-02-25css动画效果
缓动动画小球下落效果@keyframesbounce{60%,80%,100%{transform:translateY(80px);animation-timing-function:cubic-bezier(.215,.61,.355,
2022-11-20Js函数：计算器、复选框
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><script>functionmyFunction(){