prefers-reduced-motion::roller_coaster: 使用 'prefers-reduce-motio...

preview
共21个文件
js：9个
md：2个
gitattributes：1个
accessibility
a11y
matchmedia
css-mediaquery
prefers-reduced-motion
需积分: 15 0 下载量 161 浏览量 2021-07-24 11:51:20 上传 评论 收藏 124KB ZIP 举报
资源详情
资源评论
评论 收藏
胡轶强
  • 粉丝: 17
  • 资源: 4572
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

css-prefers-color-scheme:在CSS中使用浅色或深色主题

在命令行中，转换使用prefers-color-scheme媒体查询CSS文件： npx css-prefers-color-scheme SOURCE.css TRANSFORMED.css 接下来，将转换后CSS与以下脚本一起使用： < link rel =" stylesheet " href =" ...
zip

vuepress-theme-default-prefers-color-scheme：为vuepress默认主题添加prefers-color-scheme

Vuepress主题默认偏好颜色方案 该插件为 1.x默认主题增加了对 -color-scheme的支持。 安装 yarn add vuepress-theme-default-prefers-color-scheme # or npm i vuepress-theme-default-prefers-color-scheme 用法 //...
zip

postcss-dark-theme-class:PostCSS插件通过将样式从媒体查询复制到特殊类来制作Darklight主题切换器

插件可通过将样式从媒体查询复制到特殊类来使切换器强制使用深色或浅色主题。 @media ( prefers-color-scheme : dark) { : root { /* :root is <html> for HTML documents */ --text-color : white } ...
zip

js.prefers-color-scheme:一个简单的库，用于以编程方式使用CSS Preferreds-Color-Scheme媒体功能

喜欢颜色方案一个简单的库，用于以编程方式使用CSS的“ prefers-color-scheme媒体功能。文献资料这是用TypeScript编写的ES6浏览器库。 import { ColorScheme , getColorScheme , matchMedia , watchColorScheme ,} ...
zip

next-dark-mode::new_moon:为Next.js应用启用暗模式

它是通过“ prefers-color-scheme媒体查询来实现的。 没有页面加载故障 next-dark-mode使用可配置的cookie来保持当前主题的状态，一个用于自动模式，另一个用于黑暗模式。 这可以防止本地存储方法出现常见的页面...
zip

next-themes:两行代码完美实现Next.js黑暗模式。 支持系统偏好设置和任何其他主题，且不闪烁

:check_mark_button: 两行代码完美的黑暗模式 :check_mark_button: 系统设置为“ prefers-color-scheme” :check_mark_button: 加载时无闪存（SSR和SSG均可用） :check_mark_button: 在标签和窗口之间同步主题 :...
zip

使用Media React钩子跟踪CSS媒体查询状态

use-media useMedia React 传感器挂钩，用于跟踪 CSS 媒体查询的状态。 安装您可以使用 npm npm ...// 或者一个常规的媒体查询字符串 const reduceMotion = useMedia('(prefers-reduced-motion: reduce)'); 返回
zip

NLW-4-React:下一个星期的资料库

ReactNLW-04 Trilha React： Trilha会做出React ...@media ( prefers-color-scheme : dark) { :root { // set your dark colors where } } 对以下内容感兴趣： 带有文档的Wiki： :laptop:关于我
zip

FEM-Github-jobs-API:前端导师挑战

提示：在CSS中查找“ prefers-color-scheme 。 :warning: ** 重要的 ** :warning: ：当您尝试从项目中提取数据时，GitHub Jobs API会生成CORS错误。 为了避免这种情况，您可以使用[cors.bridged.cc]（ ）。 这
zip

mystical::milky_way:一个CSS-in-JS库，用于基于约束的设计

配色方案支持“ prefers-color-scheme媒体查询监听器，默认情况下它将根据用户的系统偏好自动切换。 如果您想在浏览器中切换，可以使用钩子。 用于定义媒体查询断点值的数组值，例如margin: [0, 3] 。 目录 主题...
zip

dark-mode-toggle：一种自定义元素，可让您轻松地将Dark Mode:waxing_crescent_moon:切换或切换到您的站点：

元素 一个自定义元素，可让您轻松设置暗模式 :waxing_crescent_moon: 切换或打开您的网站，这样一来，您就可以根据坚持用户的喜好，但也可以允许他们（可选地永久性）覆盖您网站的系统设置。 :books: 阅读相关文章...
zip

tailwindcss-theme-variants:Tailwind CSS的基于媒体查询或JavaScript的主题变体，具有后备功能

响应式堆叠在诸如hover之类的其他变体上，以便您可以根据主题更改链接的悬停颜色当其他任何人都无法活跃时退回到某个主题，例如访问者的浏览器不支持JavaScript或新的prefers-媒体查询您可以根据需要选择任意多个...
zip

hello---word:只是另一个存储库

@media（prefers-color-scheme：dark）{/ *导航侧栏* / .sidebar，.sidebar-item，.sidebar-header，.sidebar .sidebar-footer-container {背景：＃1f1f1f; } .sidebar-divider：after {background：＃3d3d3d; } /...
zip

github-jobs-api

前端导师-GitHub Jobs API解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。... 提示：研究prefers-color-scheme CSS中prefers-color-scheme 。 :check_mark:
zip

next-dark-mode-toggle:Next.js暗光模式切换

考虑到可访问性，在Next.js中进行暗/亮模式切换， prefers-color-scheme设置，持久存在并避免由SSR引起的“死亡闪光” :smiling_face_with_sunglasses: 阅读附随的文章在或在Vercel上观看实时演示： : 从分叉。 ...
star 3星 · 编辑精心推荐
zip

react-use-system-theme:React Hook获取系统主题（OS主题

一个React Hook，可根据prefers-color-scheme获取系统主题（OS主题：浅色或深色）。 也订阅更改。 import useSystemTheme from 'react-use-system-theme' ; function App ( ) { const systemTheme = ...
zip

alan-david-223：我的公开个人资料

if（window.matchMedia && window.matchMedia（'（prefers-color-scheme：dark）'）。matches）{//暗模式 :palm_tree: 目前正在学习 :palm_tree: ： } else {//灯光模式 :palm_tree: 目前正在学习 :palm_tree: ...
zip

gatsby-plugin-dark-mode:一个Gatsby插件，处理实现暗模式主题的一些细节

它提供： 用于切换和保留主题的浏览器代码（来自的实现） 如果已将系统配置为使用深色主题，则自动使用深色模式主题（通过prefers-color-scheme ）。 一个组件，用于在您的站点中实现主题切换UI。安装npm install ...
zip

Challenge-05--Calculator-App:FrontendMentors 挑战创建具有 3 种不同风格的计算器

奖励：使用prefers-color-scheme检查他们的初始主题首选项，并将任何其他更改保存在浏览器中 想要在挑战中获得一些支持？ 并在#help频道中提问。 在哪里可以找到一切 您的任务是将项目构建到/design文件夹中的/...
js

echarts-gl.min.js

报错“Component series.bar3D not exists. Load it first.”时下载并引用
zip

自主研发的软著申请代码文档整理输出工具

可在软著申请时使用的代码文档整理输出工具，可选择多个特定目录，设置多类型文件，指定选择生成代码文档，可操作性很好，并且在生成word代码文档时，过滤了所有空白行和注释，过滤的注释类型涵盖mysql、java、php、python、js、html、node、vue等所有大类语言。 软件环境：win10、win7、win8、win xp 更新日志： 2022年6月1日：更新了动态进度展示，无响应超时等
star 5星 · 资源好评率100%
pdf

2023前端面试八股文.pdf

前端面试八股文，包含vue，react ，HTML，Css，Js内容
star 5星 · 资源好评率100%
rar

javascript网页设计期末作业 购物网站

这其实是我的期末作业，上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)＿ 网页共分为五个子网页，分别为： 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高，可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有： 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、
star 5星 · 资源好评率100%
zip

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段，
zip

基于JavaScript网红太空人表盘

网红太空人表盘
star 5星 · 资源好评率100%
js

jquery-3.7.0.min.js（jQuery下载）

jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery
zip

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

适用于学完HTML和CSS或学完原生三件套的小伙伴，来进行一次综合大练习，进一步巩固所学知识。
zip

chromedriver-122.0.6261.70-64

谷歌浏览器最新122.0.6261.70-32位驱动器selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题selenium本质是通过驱动浏览器，完全模拟浏览器的操作，比如跳转、输入、点击、下拉等，来拿到网页渲染之后的结果，可支持多种浏览器，如 Chrome、Firefox、Edge 等，还有 Android、BlackBe
vsix

Visual Studio Code auto.js.pro专用插件 Auto.js-Pro-Ext hyb1996

Visual Studio Code上搜不到插件Auto.js-Pro-Ext hyb1996