css
关注
分享
扫一扫
xuxb000
物极必反，冥冥之中自有定数
展开
-
前端vue项目，引入PingFang SC字体
然后再在index.scss中引入fonts.scss文件就行了（引入的时候注意路径是否正确）然后再创建一个fonts.scss文件（引入的时候注意路径是否正确）原创 2024-03-07 15:32:07 · 2063 阅读 · 0 评论 -
如何实现响应式布局
在网页设计中，响应式布局是一种能够使网页在不同设备上呈现出最佳效果的设计方法。无论是在台式电脑、平板还是手机等设备上，网页都能够自动调整布局和大小，以适应不同的屏幕尺寸和分辨率。原创 2024-01-10 17:00:17 · 991 阅读 · 0 评论 -
vue+css动画 实现文字的上下轮播切换
突然间碰到一个比较丝滑的特效，就研究了一下想把它实现出来。效果：渐隐消失，底部往上走覆盖出现。以下是完整代码，复制粘贴即可运行。原创 2023-11-08 10:00:06 · 601 阅读 · 0 评论 -
codepen 右下角多行展开环绕效果
codepen 右下角多行展开环绕效果<div class="wrapper"> <div class="text"> <button class="btn">这是一个占位</button> 浮动元素是如何定位的 正如我们前面提到的那样，当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。 在下面的图片中原创 2021-07-20 09:08:46 · 141 阅读 · 0 评论 -
前端特效之弹性撕裂
霸气侧漏的js特效,弹性撕裂桌面右击 新建=>文本文档(.txt)=>将代码粘贴进=>修改 .txt 为 .html 保存 => 再次右击选择打开方式为chrome…<html class=""><head><meta charset="UTF-8"> <script type="text/javascript" style="display: none !important;"> funct原创 2020-11-04 14:41:39 · 389 阅读 · 0 评论 -
前端特效之樱花劫
前端特效之樱花劫打开的一瞬间,被这个特效震撼到了,真是太漂亮了直接上代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>cloth</title> <style> body { padding:0; margin:0; overflow:hidden; height: 600px;}原创 2020-11-05 10:10:03 · 763 阅读 · 0 评论