首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端
订阅
ALEX1467624689548
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
H5移动端获奖无缝滚动动画实现
哈哈,上动态图真的是一下就明了了。 通过css3中的关键帧,可以得到跳步的效果。先通过一个短的看一下思路。 如果是写死的获奖,那么需要把前面的那个复制一份到后面去,如果是一个一个滚动那么就复制第一个,如果是两个两个滚动的就复制第一个和第二个。 然后计算需要滚动多少次,一次多少秒…
React 开发必须知道的 34 个技巧【近1W字】
通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后,使用此方法来创建ref。将其赋值给一个变量,通过ref挂载在dom节点或组件上,该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建,…
单标签!纯CSS实现动态晴阴雨雪
本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 没错,就是这么任性,每个动图就一个标签,而且无图无JS!下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…
《三分钟阅读》CSS对话框小尾巴实现的最佳方式
不设置triangle宽高,设置border10像素的透明边框,然后设置top方向边框颜色和父元素一致就可完成这样的效果,同理,变换小尾巴箭头方向只需要在top,bottom,left,right方向上单独设置不同的边框颜色即可。 我们可以看到triangle继承了父元素too…
用最短的CSS样式,勾勒大数据演示屏
本文github地址,持续更新...... 覆盖一层蒙版,并在蒙版上书写文字。需要2层,从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版,本质上讲是两层图,底层图清晰完整,顶层图模糊残缺,并且两者位移完全一致,因此叠加到一起后像是一张图。为了确保位移一致,我们用了 backg…
干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
数字增长等。相信很多人都已经自己独立实现过了,我也在网上看了一些demo,发现HTML结构大多比较复杂,用了4个并列的标签来放置前后两个“牌”。本文就来讲解下,如何进一步精简HTML,让结构简单,让JS方法封装得易使用。先来看看最终效果: down:表示向下翻牌动效,还有对于的…
可能是你需要的 React + TypeScript 50 条规范和经验
1. 注释 2. 引用组件顺序 3. 引号 4. 缩进 5. 分号 除了代码块的以外的每个表达式后必须加分号。 6. 括号 下列关键字后必须有大括号(即使代码块的内容只有一行):if, else, for, while, do, switch, try, catch, fina…
原生JavaScript实现造日历轮子
初始化创建Calendar类对象的时候设置数值,赋值默认参数以及调用方法来动态创建dom,相信小伙伴们看懂这段代码没压力。 整个逻辑思路都是自己想的,所以可能并不算得上是个很好的想法,所以仅供参考!!!哈哈,来自小白的不自信。。。
一步步教你用HTML5 SVG实现动画效果
SVG是一种基于XML的,用于定义缩放矢量图形的标记语言。 它允许你通过在2D平面中确定的一组点来绘制路径、曲线和形状。 此外你还可以通过在这些路径上添加动态属性(例如笔触,颜色,粗细,填充等)来生成动画。 从2017年4月起,CSS Level 3 填充和描边模块开始支持从外…