css
文章平均质量分 52
会说法语的猪
我生命再怎么粗糙,我都要活得很骄傲
展开
-
Vue使用Animate.css
说一下Animate.css这个动画库,很多的动画在这个库里面都定义好了,我们用的时候可以直接使用里面的类名就可以了,就是直接目标元素绑定对应的类名就可以实现动画效果,非常方便,库其实也相对简单,使用起来也简单。这里示例就以v3为例了,v2也是一样的。原创 2023-08-22 20:31:24 · 617 阅读 · 0 评论 -
前端主题切换
我们经常可以看到一些网站都会有类似的 暗黑模式/白天模式 的主题颜色切换功能,效果很炫酷,或许我们在平时的开发中也会有类似这样的功能实现,这里先提供一个思路,就是使用CSS变量 +类名切换原创 2023-02-01 14:20:50 · 332 阅读 · 0 评论 -
Vue中引入外部字体
简述使用外部字体首先得有外部字体的包,要得到外部字体的包,无外乎两种途径,一种到付费网站去购买,另一种就是到免费网站下载字体包。收费的傻事我们能做?所以这里给大家上一个免费网址:DaFont.com,目前我都是到这个上面去找自己所需的字体,当然应该还有其他的下载字体的地方。接下来介绍如何引入1. 首先下载外部字体包进到上面网址,找到自己需要的字体,然后DownLoad2. 在src/assets/下新建font文件夹,将字体包放入3. font下新建font.css,将字体包...原创 2022-05-31 20:49:34 · 10588 阅读 · 6 评论 -
css动画效果
动画1(沿着椭圆转动)其实是个2D转动,只不过咱们设置椭圆,然后加上scale缩放(近大远小),看上去就是3D效果代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con...原创 2022-03-23 21:54:59 · 15208 阅读 · 4 评论