CSS-老K的垃圾堆

老K的垃圾堆

累计撰写 53 篇文章
累计创建 12 个标签
累计收到 8 条评论

目录CONTENT

以下是 CSS 相关的文章

2024-10-29
实现渐变底色边框的多种方案虽然国内的研发环境都秉持着“能用则行，简约商务”的“领先”概念，但作为一个有追求，有审美的前端开发者，不论是处于对技术的追求，还是对审美的要求，我们都应当了解各类优秀UI的实现方式。方案一：border-image 此方法最简单，直接使用 border-image属性，搭配透明色border即可完
- 2024-10-29
- 52
- 0
- 0
- 开发
2024-08-24
简单的SVG描边动画关键——stroke-dashoffset 描边线的偏移量。为正数时往左偏移。利用动画，控制偏移量从全偏移到0偏移即可实现。 <script lang="ts" setup> import { onMounted } from 'vue' onMounted(() => { const pa
- 2024-08-24
- 61
- 0
- 0
- 开发
2024-07-29
完美的阴影效果——CSS滤镜话不多说，直接上代码 .img { filter: drop-shadow(0, 0, 20px, rgba(222, 222, 222, 0.5)) } 常规的 box-shadow盒阴影只能给对应的盒模型增加边框阴影，无法针对dom元素内容添加阴影效果，所以我们使用 filter滤镜属性，
- 2024-07-29
- 48
- 0
- 0
- 开发
2024-05-26
前端开发你一定要了解的——PostCSS 前端开发你一定要了解的——PostCSS PostCSS官网 What——什么是PostCSS 一个使用JavaScript转换CSS来实现我们所需要的改变的工具。 How——PostCSS如何工作的 Vite自身已支持PostCSS，仅需在vite.config.ts中配置，或根目录创建postc
- 2024-05-26
- 35
- 0
- 0
- 开发
2024-05-20
简单的下划线动画示例页面代码 <script lang="ts" setup></script> <template> <div class="flex-box"> <div class="title"> <span >短暂的快乐会带来无穷无尽的痛苦，是为了对抗空虚寻找快乐
- 2024-05-20
- 20
- 0
- 1
- 开发
2024-05-15
四个你可能不知道的CSS选择器 focus-within .parent:focus-within { background: #333; } 当 .parent元素或其子元素处于focus状态时的样式。 has() <div class="form-item"> <span>姓名</span> <input dat
- 2024-05-15
- 39
- 0
- 1
- 开发
2024-05-07
鼠标跟随的高亮边框示例页面源码 <script setup lang="ts"> import { onMounted } from 'vue' onMounted(() => { const box = document.getElementById('box') as HTMLElement cons
- 2024-05-07
- 40
- 0
- 0
- 开发
2024-04-08
倒影轮播图 HTML和JS很简单，主要是CSS实现 <script setup lang="ts" name="index"> const images: string[] = [ 'https://images.wallpaperscraft.com/image/single/sakura_art_sky
- 2024-04-08
- 36
- 0
- 0
- 开发