前端特效
文章平均质量分 63
孙华鹏
东北码畜,适合炖酸菜
展开
-
threejs渲染高级感可视化涡轮模型
好久没写可视化方面的帖子了,最近在网上找灵感,发现一张图个人感觉不错,正好现有技术也可以实现个八九不离十,使用到的技术vite + typescript + threejs原创 2023-12-01 10:23:18 · 1047 阅读 · 0 评论 -
css+html制作有趣的符号表情开关
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2018-10-16 17:33:18 · 958 阅读 · 0 评论 -
JS语法中的'=='和'==='和'!='和'!=='
来公司数月,今日得闲,突然想到面试时的一道面试题,其实也是面试经常会问到的:“说一下两个等号和三个等号的区别”那我们先来试一下这样看来,字符串和字符串(相同数据类型下),'=='和'==='是没有区别的;那么我们换一个写法字符串和数(不同数据类型下),就能看出'=='和'==='的区别,这就引申出一个问题,javascript数据类型的隐式转换,数字和字符串相比,首先把...原创 2018-09-30 11:09:07 · 5821 阅读 · 0 评论 -
SVG——入门,路径描边动画
之前写过一篇通过路径的锚点改变实现图形变化的动画SVG——入门,路径变形动画,今天这一篇的demo是简易的类似进度条之类的图形,核心原理通过改变路径的stroke-dasharray属性,路径的虚线描边。 .path:nth-of-type(1) { d: path("M5,5 305,5"); stroke-dasharray: none;...原创 2018-09-29 15:20:06 · 2266 阅读 · 0 评论 -
SVG——入门,路径变形动画
刚学了两天svg基础,随手记个笔记,通过改变svg锚点路径创作动画效果,今天的demo是一个播放和暂停的按钮动画的原理,无论是帧动画,还是位移动画,无非就是将一个图形从a状态转变为b状态的一个过程首先想象一下播放和暂停的按钮应该是什么样子的通过动画,将暂停的画面改变为播放的画面,因为涉及到图形的坐标和形状,这个比较考验空间想象力,我本身呢 这种想象力就不是很好,所以在ps里画...原创 2018-09-28 16:47:27 · 3309 阅读 · 1 评论 -
浅谈——视觉滚差
先抛效果图 核心属性:background-attachment核心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con转载 2018-09-04 14:52:18 · 449 阅读 · 0 评论 -
修改谷歌浏览器原生滚动条样式
效果图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-07-30 17:28:01 · 3424 阅读 · 0 评论 -
原生滚动条丑的一比——自定义滚动条
拖动滚动条功能可以参考https://blog.csdn.net/weixin_41770018/article/details/80968384开门,放代码!!<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>自定义滚动条</原创 2018-07-11 12:33:54 · 1041 阅读 · 0 评论 -
flex 弹性盒布局——骰子
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>骰子</title><style>* {margin: 0;padding: 0;}原创 2018-07-11 10:13:35 · 1197 阅读 · 0 评论 -
简易电商宝贝放大镜效果--jQuery
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>放大镜</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js原创 2018-07-10 17:25:56 · 293 阅读 · 0 评论 -
css+原生js调节音量滑块
效果html部分<body> <div class="all"> <p>当前位置0%</p> <div class="bar"> <div class="box"></div> </div> &a原创 2018-07-09 12:53:48 · 7722 阅读 · 4 评论