1. inputmodeinputmode 全局属性是一个枚举属性，它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。<input type="text" inputmode="tel" />该属性可以取以下值：...

袁志蒙 2024-08-24 105次浏览

在这篇文章中，我们将深入解析一个css实现华为充电动画的效果。这个动画涉及到了许多 css 和 HTML 的关键技术，包括 css 动画、定位、过滤器、伪元素、转换等。

袁志蒙 2024-06-02 409次浏览

今天抽了点时间用 HTML+css 写了一个 鸿蒙OS 开机动画 ，用的最多的就是css的animation这个属性，分享一下：

袁志蒙 2023-11-19 986次浏览

一、:focus-within 选择器在css中 :focus-within 是一个伪类选择器，它代表的是在一个元素内部获得焦点的元素。这个选择器主要用于确定当用户在某个元素内部点击或者通过键...

袁志蒙 2023-10-15 738次浏览

一个冒号是伪类，两个冒号是伪元素。伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不...

袁志蒙 2023-10-15 650次浏览

Wingdings介绍：Wingdings 是一个符号字体系列，它将许多字母渲染成各式各样的符号，用途十分广泛。于1997年发表，搭载在其后的 Microsoft Windows 视窗系统内，使用很简单，值得注意的是...

袁志蒙 2023-06-12 816次浏览

dialog 是HTML5新增的语义化双标签，用于展示一个交互式的模态对话框。它既可以创建模态对话框（用户不能与打开对话框的页面进行交互，直到对话框关闭，模态对话带半透明背景...

袁志蒙 2023-06-10 1063次浏览

prefers-color-scheme 是什么？W3C 在 2020 年 7 月 31 日发布的 Media Queries Level 5 标准草案 中提到了新的属性 prefers-color-scheme，网页现在可以通过条件规则组来获取浏览器宿系统的暗色模式状态并应用了。也就是说，现在我们可以很简单地实现...

袁志蒙 2023-05-15 719次浏览

最近看到几个css新属性，突发奇想的可以实现一个比较有意思的效果，我们叫做文字穿透效果吧，主要用到了几个css属性：# 文字设置成透明 color: transparent; # 文字描边 text-stroke: 1px #fff;

袁志蒙 2023-05-09 677次浏览

交融效果:方式一: 元素设置filter:blur模糊,元素父级设置contrast时,会实现模糊元素相交产生水滴交融且相交部分变清晰的效果即:进行动画的图形的父元素需要是被设置了filter:...

袁志蒙 2023-04-23 821次浏览