阿源的小站
  • 首页
  • 标签
  • 关于

鼠标移入方向的解决方式

前言先看一个效果 很简单,通过鼠标移入方向的不同做一些操作,在这个例子中只讨论实现判断鼠标移入方向的方式 思考 例如在这个蓝色方框中,通过对角线分割四个单独的三角形,我们在三角形的焦点建立一个坐标系,在这个方框中对于当前坐标系来说,我们只要计算出来方框中某一个点在坐标系中的位置到原点的连接线相对于 x 轴正轴方向的角度就可以判断出点在方框中的位置。 代码// 获取元素 const conta
2023-03-12
#animation #js

BEM命名管理样式

前言做 VUE 开发最常使用的就是 elementUI/elementPlus,使用中发现 element 的元素类名起的非常规整,结合自己开发中的困难(指不知道怎么起类名),看一下如何优雅的使用 BEM 命名 BEM 介绍BEM 是一种针对 CSS 的命名规范的简称,B/E/M 分别代表,块(Block),元素(Element),修饰符(Modifier)的简写。以
2023-02-25
#css #element

css_clip-path

clip-path “clip-path的作用是使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。” 直接写在选择器中: div{ width:50px; height:50px; clip-path:xxxxx; } 基本语法clip-source | basic-shape | geometry-box | none \ 分别表示:
2022-12-12
#css

Hello World

先前我总觉得思念二字太俗气,自从遇见了你,我才自知是个俗人 -- 《甲方乙方》 当你在我眼前的时候,你是一切;当你不在我眼前的时候,一切是你 -- 《编辑部的故事》 有几次我梦见你,你如此清晰的站在我面前,是我激动不已,一旦惊醒,心如刀绞 -- 《不见不散》 人生乐在相知心,我就是一把干柴 -- 《编辑部的故事》 我本将心向明月,奈何明月照沟渠 -- 《天下无贼》 万物与我都是荒诞的静寂
2022-12-10
#hello
12

搜索

Hexo Fluid