- 博客(6)
- 收藏
- 关注
RSS订阅原创 探究mask-image的魔力——Win10日历的探照灯效果原来可以这样做！
简要介绍字面上理解是遮罩的意思。熟悉PS的小伙伴想必对这“遮罩层”的概念更为清晰，在PS中可称为“蒙版”，它是指定某层的元件的轮廓/alpha通道来作为自己剪影的依据。在CSS中，mask-image这个属性是以指定元素的透明度作为剪影依据的。根据 MDN 上的介绍，mask-image CSS属性用于设置元素上遮罩层的图像。一般来说，使用mask-image的元素通常都有透明的部分，元素用于遮挡在指定的DOM上，被元素透明部分遮住的部分将不被显示，被不透明部分遮住的部分将显示。 注意我这里说的是元素，
2021-08-22 23:21:23
882
1
原创 完成LeetCode【螺旋矩阵Ⅱ】这道题之后，我尝试用HTML+CSS+JS动画来还原算法过程。
前言这几天在看LeetCode，发现了 螺旋矩阵Ⅱ 这道标记为中等难度的题，如下所示。给你一个正整数 n ，生成一个包含 1 到 n2 所有元素，且元素按顺时针顺序螺旋排列的 n x n 正方形矩阵 matrix 。示例输入： n = 3输出： [[1,2,3],[8,9,4],[7,6,5]]但它并没有涉及到什么算法，就是一个简单的模拟过程。从初始位置即矩阵Matrix[0][0]开始填充数字，初始方向向右，控制列向量变化。然后再判断下一个位置即Matrix[0][1]是否为边界或已经
2021-08-08 21:02:55
164
原创 【前端小项目】基于Vue全家桶的在线音乐播放器（提供在线演示）
????前言学习了一些Vue的知识，总要着手做些小项目巩固一下。现有的绝大多数练手项目要么是电商网站、要么是后台管理系统，我想能不能做个更具趣味性的，正好我写代码的时候喜欢听歌，于是我想到了去实现一款在线音乐播放器。由于想不到什么好听的名字，暂时就叫小陈音乐吧????！它是用Vue2全家桶编写，部分UI风格参考网易云音乐，常用功能普遍支持，但目前暂未做移动端适配。请使用PC访问 在线演示 (最好使用Chrome)需要源码的朋友戳这 GitHub源码路过的朋友们麻烦给小陈点个免费的 “⭐Sta
2021-07-28 22:27:05
2824
9
原创 如何让一个 div 水平垂直居中
<div class="parent"> <div class="child"></div></div>1. 使用flex布局.parent { display: flex; justify-content: center; align-items: center;}2. 使用绝对定位.parent { position: relative;}.child { position: a.
2021-03-12 21:19:35
114
原创 JS实现一个简单的轮播图
轮播图是一个常见的组件，今天用js来实现一个简单的轮播图。功能如下：1.自动轮播，有滑动效果。2.左右箭头可实现上一张下一张的切换，并作了节流处理。3.点击下方小圆点可切换至对应的图片。4.鼠标悬停至图片或小圆点处会暂停轮播，移开则继续。原理：如上图所示 ，以展示三张图且切换下一张为例。123数字代表图1，图2，图3，蓝色矩形框为可视范围，即轮播图展示的范围，其余图片均隐藏。状态A：页面的初始状态，默认显示第一张图片。 状态B：整个图片列表向左移动，即可显示第二张图
2021-03-05 15:35:02
1065
1
原创 简单使用iconfont教程
今天在写作业的时候，网页需要用到iconfont，于是趁热写一篇小教程吧，处女作哦！ 1.百度搜索iconfont，进入首页。2.点击上方 图标库，我们可以看到成千上万个icons。3.选择自己需要的，鼠标放上去，可以入库、收藏和下载。4.点了入库中，我们把素材添加至项目（项目只是为了便于以后自己使用的分类管理，如果没有项目，随便创一个）5.登录后，即可进...
2018-10-21 21:20:09
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人