css 归档 - 手里有只毛毛虫 https://www.krjojo.com/category/information-technology/html/css 号角声起 - 等你启航 Tue, 21 Oct 2025 03:29:50 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.1 https://www.krjojo.com/wp-content/uploads/2025/02/毛毛虫2.avif css 归档 - 手里有只毛毛虫 https://www.krjojo.com/category/information-technology/html/css 32 32 网页利用 view-transition 仿 AppStore 转场动画 https://www.krjojo.com/12288.html https://www.krjojo.com/12288.html#comments Tue, 21 Oct 2025 03:26:45 +0000 https://www.krjojo.com/?p=12288 其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。 介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。 项目链接：https://github.com/miniwater/AppStore 示例：miniwater.gi ...

网页利用 view-transition 仿 AppStore 转场动画最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/12288.html/feed 6 记录几个免费的 Tailwindcss 组件库 https://www.krjojo.com/11289.html https://www.krjojo.com/11289.html#respond Sun, 08 Jun 2025 09:20:36 +0000 https://www.krjojo.com/?p=11289 在前端开发中，如果不想自己画组件，就只能使用组件库，单一组件库种类少，但是如果引用过多组件库，又会使得项目依赖繁重。 ‌Tailwind CSS 则是一款功能类优先的原子化 CSS 框架‌，通过直接在 HTML 中组合高度可复用的工具类，快速构建定制化界面。 TailAwesome 是互联网上最好的 Tailwind 模板和 UI 套件的精选列表。 https://www.tailawesome. ...

记录几个免费的 Tailwindcss 组件库最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/11289.html/feed 0 HTML 锚点偏移方法 防止被头部遮挡 https://www.krjojo.com/10037.html https://www.krjojo.com/10037.html#respond Sat, 12 Oct 2024 12:10:51 +0000 https://www.krjojo.com/?p=10037 由于顶部菜单存在 position:fixed ，而引起的的锚点位置偏移。

在css中，给锚点添加偏移量，直接就可以了

HTML 锚点偏移方法 防止被头部遮挡最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/10037.html/feed 0 冷门的css属性：initial https://www.krjojo.com/1243.html https://www.krjojo.com/1243.html#respond Tue, 30 Jan 2024 14:29:06 +0000 https://www.krjojo.com/?p=1243 分享一个比较强硬的属性, 可以把几乎所有css属性进行重置。前端在 ctrl + c 时就不用这么痛苦检查样式了，虽然没办法像 <iframe src="..."></iframe> 那样彻底隔离 css 和 js 。 一键隔离所有父级css属性： 还可以单独还原css属性默认值： 属性值 值 描述 initial 修改所有元素属性的值为其初始化值 inherit 修改所有元素属性的值 ...

冷门的css属性：initial最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/1243.html/feed 0