Tag: CSS

All the articles with the tag "CSS".

• 前端 JS 生成随机 CSS 样式

  Published:Sep 27, 2023 |  at 05:52 PM

  使用 JavaScript 生成随机的 CSS 样式，使页面元素在鼠标悬停时显示随机颜色。

• 前端 JS 生成好看的背景

  Published:Sep 26, 2023 |  at 02:58 AM

  使用 JavaScript 和 CSS 代码生成漂亮的动态背景效果。代码包含颜色数组，随机生成不同大小和位置的彩色方块，并添加悬停动画和阴影效果，最终实现一个好看的背景。

• iOS Safari 下 CSS 100vh 高度问题及解决方案

  Published:Sep 25, 2023 |  at 10:23 AM

  iOS Safari 浏览器存在一个已知问题：使用 CSS 中的 `100vh` 属性时，高度往往会比屏幕实际高度多出一小部分。本文讨论了这个问题的成因，并提供了解决方案，使用`@supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }`来修正 iOS Safari 下 `100vh` 不准确的问题。

• CSS 碰撞变色小球

  Published:Aug 15, 2023 |  at 02:49 AM

  使用 CSS 实现碰撞变色的小球效果。文章包含 HTML 和 CSS 代码示例，演示如何通过动画和颜色计算实现小球碰撞时颜色的变化。