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

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

admin2年前 (2021-09-24)CSS608

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

相关文章

css3悬停卡片3D翻转动画特效

css3悬停卡片3D翻转动画特效

css3卡片和文字翻转切换效果,制作悬停卡片3D翻转特效。<style>     *, *:be...

夜晚云层动画特效

夜晚云层动画特效

基于css3 keyframes 属性制作乌云密布云层动画,夜晚云层飘过动画特效。可用于网页动态云层背景特效。这是利用animation 和png云图片制作完成...

css颜色渐变数值调试

css颜色渐变数值调试

<style> :root {   --color-background: #e8e0fd; &nbs...

纯css loading

纯css loading

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

CSS卡片样式

CSS卡片样式

<html> <head>     <meta charset=&quo...

很有意境的日式字体背景

很有意境的日式字体背景

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

评论列表

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

放在哪里?

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

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。
X 要酷!乐于助人,网络是一个神奇的地方,玩得愉快,击掌