当前位置:首页 > 技术博客 > CSS > 让网站支持苹果的 黑暗模式(深色Dark模式)

让网站支持苹果的 黑暗模式(深色Dark模式)

4年前 (2021-09-24)CSS870

prefers-color-scheme 用于检测用户的系统主题是浅色或深色,此属性有三个值

no-preference 表示用户未指定操作系统模式,其作为布尔值时以 false 输出

light 表示用户的操作系统是浅色模式

dark 表示用户的操作系统是深色模式

@media (prefers-color-scheme: light) {
    /* 浅色模式样式 */
}
@media (prefers-color-scheme: dark) {
    /* 深色模式样式 */
}


版权声明:本文由 LzxBlog 发布,如需转载请注明出处。

本文链接:https://www.liuzhixi.cn/html/159.html

标签: MAC

相关文章

3D文字关注动画页面

3D文字关注动画页面

使用css3 keyframes 属性制作蓝色大气的感谢关注3D数字动画特效。适用于404或引导页。<style> @import ur...

CSS原子环绕标志动画

CSS原子环绕标志动画

CSS原子环绕标志动画<head> <meta charset="UTF-8"> <meta...

纯css loading

纯css loading

页面加载loading沙漏动画特效<html> <head> <style> .container {...

糖果风格的动画按钮

糖果风格的动画按钮

这是一款糖果风格的动画按钮,共 16 个,每个按钮都有不同的渐变色和动画形式。<!DOCTYPE html>  &nb...

很有意境的日式字体背景

很有意境的日式字体背景

日式风格的字体背景,颜色很漂亮,很有意境,很多小伙伴都在苦苦寻觅,今天它来啦,具体效果可以打开预览查看,个人非常喜欢,小编也是费了好大力气才找到的。<ht...

简约大气的网页背景渐变特效

简约大气的网页背景渐变特效

渐变色背景的应用在各种网页制作、ui设计是非常普遍的,分享的这套渐变背景简约大气,颜色配比很灵活,给人舒适感。有没有也觉得不错的小伙伴呢?bogy{ &nbs...

评论列表

游客
游客
4年前 (2021-09-25)

放在哪里?

admin 回复:
当然是放在css里面啊,这个还需要单独写样式,如果你不懂css不能直接用的
4年前 (2021-09-25)

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。