• 2024-08-05vue动画(transition)
    Vue动画(transition)动画列表(选择其中一个即可)/*fade*/.fade-enter-active,.fade-leave-active{transition:opacity0.28s;}.fade-enter,.fade-leave-active{opacity:0;}/*fade*//*fade-transform*/.fade-transform-leave-active,.fade-transform-ent
  • 2024-07-29React实现过渡效果更新时间展示
     创建一个组件,实时展示时分秒,并且动态更新数据。数据变化时利用过渡效果动态更新。利用两个元素,重叠在一个位置,以达到交替变化的效果//创建秒显示节点<divclassName="textsecond"> <CSSTransition in="{renderSecond}" timeout="{1000}" classNames="fade" unmo
  • 2024-06-21manim边学边做--BulletedList
    BulletedList是Mobjects分类中用来显示列表的class。使用BulletedList可以帮助我们快速生成一个对齐的列表结构。BulletedList在manim各个模块中的位置如上图中所示。1.主要参数BulletedList的主要参数有:参数名称类型说明itemslist列表的内容bufffloat列表内
  • 2024-06-05返回顶部按钮的组件
    目录1.封装2.调用3.效果1.封装<template><transition:name="transitionName"><divv-show="visible"class="back-to-ceiling"@click="backToTop"><svgwidth="16"height=&quo
  • 2024-05-20vue之移动端的页面在返回时记住操作的位置,提供滑动动画效果
    1、在main.js中添加importctpRouterfrom'@/ares-ui-extend/CtpRouter';Vue.use(ctpRouter,router);2、添加相应的代码在src的目录下添加 ares-ui-extend的文件夹 ares-ui-extend文件夹的下面添加CtpRouter,CtpRouter下面为: ctp-router.css内容为:/*动画样式*
  • 2024-04-17vue相关内容
    vue相关路径配置1.根目录下的vite.config.jsimport{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponen
  • 2024-04-072-42. 场景切换淡入淡出和动态 UI 显示
    添加Canvas添加FadePanel通过修改CanvasGroup的Alpha就能隐藏或者显示FadePanel在FadePanel下面添加文字和动画动画图片如下图所示切换场景时淡入淡出修改Settings修改Player解决摄像机抖动问题修改Bounds范围项目相关代码代码仓库:https:/
  • 2024-02-04RevealJs 速成
    RevealJs地址reveal.js是能够让我们很轻易地使用HTML创建一个漂亮的演示文稿的插件下载上官网https://revealjs.com/下载https://github.com/hakimel/reveal.js/releases我下载的是最新版(5.0.4)解压到相对应的文件夹,新建一个文件夹,将dist,plugin文件夹移过去。新
  • 2024-01-15Cq thread
    1"""23ParametricThreads45name:thread.py6by:Gumyr7date:November11th202189desc:Thispython/cadquerycodeisaparameterizedthreadgenerator.1011license:1213Copyright20
  • 2023-12-18Vue 过渡 & 动画
    在Vue的过渡效果中,.enter-active、.leave-active、.enter和.leave-to是一些预定义的CSS类名,用于控制过渡的不同阶段。.enter-active:表示进入过渡的活动状态。在元素插入到DOM中时添加,然后在过渡结束时移除。通过设置此类的样式,可以定义元素进入过渡时的动画效果。.
  • 2023-12-05图片相关问题记录
    1.cross-fade()半透明图片cross-fade()可以混合两个或多个图像,并按比例混合它们的不同部分。这个函数的语法如下:兼容性:chrome和safari,firefox不支持cross-fade(<image1>[,<image2>][,<percentage>])/*图片半透明带颜色*/background-image:-webkit-cross-fade(url
  • 2023-10-20使用CSS的cross-fade()实现基于url的网页背景图半透明显示
     参考链接:https://www.zhangxinxu.com/wordpress/2020/07/css-cross-fade-background-image-opacity/引子在开发过程中,碰到了一个比较特别的情况,就是使用url()背景图像,同时又希望background-image背景图片是半透明的,作为网页的半透明背景图,这时候使用opacity,如果使用某一个大
  • 2023-09-10蒟蒻音乐平台2
    蒟蒻音乐平台更新了!推荐歌曲:1.Darkside2.Astronomia3.Pounce(猛扑)4.SoFaraway5.Horzion(地平线)6.HandClap7.AllFallsDown8.China-X9.wolves10.GoodTime11.Warpmeinplastic12.SomethingJustlikethis13.HereWithyou14.Wayback15.Wake16.Traveli
  • 2023-08-15【技术积累】Vue.js中的CSS过渡【一】
    CSS过渡是什么在Vue中,可以使用<transition>组件来实现CSS过渡效果。CSS过渡是指在元素的状态发生改变时,通过添加或移除CSS类来实现平滑的过渡效果。<transition>组件可以包裹需要过渡的元素,并通过name属性指定过渡效果的名称。然后,可以使用CSS样式来定义过渡的效果。以下
  • 2023-06-08CSS实现简单动态渐变闪烁效果
    CSS练习用例:.event{border-radius:4px;-webkit-border-radius:4px;color:#FFFFFF;font-size:12px;margin:0px30px;padding:2px0px;}.event.received{background-color:#4B946A;display:none;}@keyframe
  • 2023-02-15el-tooltip调整动画时间
    element-ui没有相关配置的属性,网上也没有相关的文档,毕竟谁会这么无聊记录这种文档深切扒入el-tooltip组件源码  从代码就看的出来,动画效果用上了transition组件,所以
  • 2022-10-20aos动画库
    今天啊,做项目发现一个问题,那个网页的动态效果并不是js完成的,而是用了一个动画库,有点伤感,我没听说过该库。no!荣姐不是那麽轻易被困难打到的,于是荣姐与困难展开激烈厮杀!
  • 2022-10-10v-show 动画
    <transitionname="fade"> <spanv-show="isShow">动画效果</span></transition>.fade-enter-active,.fade-leave-active{transition:opacity.25s}
  • 2022-08-16vue源码阅读—13—扩展之transition
      <style>.fade-enter-active,.fade-leave-active{transition:opacity5s;}.fade-enter,.fade-leave-to{