网站首页 技术文章 第2310页

• 

  如何使用CSS过渡创建逼真的运动模糊效果

  你是否曾经拍摄过某些物体快速移动的照片，尤其是在光线不足的情况下，并变成了模糊的条纹？还是整个相机都晃了晃，整个镜头变成了一系列条纹？这是运动模糊，是相机工作原理的副产品。运动模糊101...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  好程序员web前端技术之CSS3过渡（css过渡属性的属性值）

  好程序员web前端技术之CSS3过渡transitioncss3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  vue 实现上拉加载下拉刷新(思路清晰)

  项目需要用到上拉刷新下拉加载所以自己手动实现了一个组件：<template><divclass="my-scroll"ref="myScroll"@touchstart="touchStart($event)"...

  2024-08-05 nanyue 技术文章 10 ℃
• 

  好程序员web前端学习路线分享css3中的渐进增强和降级

  好程序员web前端学习路线分享css3中的渐进增强和降级，渐进增强和降级这两个概念是在CSS3出现之后火起来的。由于低级浏览器不支持CSS3，但是CSS3特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器。只保证...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  左右切换子标签（可以左右移动的标签）

  思路：左右箭头下方有个渐变的阴影，可以.icon-wrap{width:40px;height:36px;position:absolute;top:0px;b...

  2024-08-05 nanyue 技术文章 8 ℃
• 

  纯CSS实现导航菜单下拉效果带transition动画效果

  平时制作网站导航时，经常用到鼠标悬停展现下拉菜单的效果。在此记录一下实现过程，需支持CSS3浏览器运行。首先看下实现的效果：html部分：<ulclass="navbar-navml-auto"><...

  2024-08-05 nanyue 技术文章 8 ℃
• 

  缓动函数速查表（含缓动公式的js样式）

  缓动函数指定动画效果在执行时的速度，使其看起来更加真实。现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回弹，最终才又碰触地板。本页可以在每次你...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  09《Vue 入门教程》Vue 过渡 &amp; 动画

  本章节我们主要介绍Vue.js的过渡效果与动画效果。包括如何编写自定义CSS动画、如何配合第三方CSS动画库、过渡钩子函数的使用、如何使用第三方JavaScript动画库。本小节的内容相对之前有些难度，同学们在阅读一遍之后如...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  vue-09 过渡和动画效果（vue数据加载完成显示页面过渡动画）

  什么是过渡&动画元素在显示和隐藏时，实现过滤或者动画的效果。常用的过渡和动画都是使用CSS来实现的在CSS中操作trasition（过滤）或animation（动画）达到不同效果为目标元素添加一个父元素<trasi...

  2024-08-05 nanyue 技术文章 9 ℃
• 

  细长轴车削的关键技术（车削细长轴时要怎样合理选择刀具几何参数）

  不叨叨，直奔主题：细长轴的外形并不复杂，但由于其本身的刚度低，车削时又受切削力、重力、切削热等因素的影响，容易产生弯曲变形以及振动、锥度、腰鼓形、竹节形等缺陷，但只要抓住中心架和跟刀架的使用、解决工件热变形伸长以及合理选择车刀的几何参数三个...

  2024-08-05 nanyue 技术文章 10 ℃