相关文章推荐
有腹肌的火锅  ·  子组合器 - CSS:层叠样式表 | MDN·  1 月前    · 
爱健身的电脑桌  ·  接续兄弟组合器 - CSS:层叠样式表 | MDN·  1 月前    · 
长情的企鹅  ·  查看和更改 CSS 入门 - ...·  1 月前    · 
小眼睛的手电筒  ·  高本贯通介绍·  5 月前    · 
慈祥的针织衫  ·  触手与她的爱巢游戏免费版-触手与她的爱巢安卓 ...·  5 月前    · 
爱热闹的海龟  ·  上海市行政规范性文件数据库 ...·  1 年前    · 
礼貌的小马驹  ·  enqueue/enqueue-bundle ...·  2 年前    · 
千杯不醉的脆皮肠  ·  postgresql 口令: psql: ...·  2 年前    · 
Code  ›  CSS属性动态传值_css传值
css
https://blog.csdn.net/weixin_40359658/article/details/115731884
仗义的花生
1 年前

CSS属性动态传值

定义CSS变量
<span class="header-title" :style="{'--font-color': dropdownFont}"></span>
CSS中使用变量
.header-title{
	color: var(--font-color);
CSS中有很多媒体查询的用法,例如设备尺寸判别,是否支持鼠标行为,是否是黑暗模式,是否是省电模式等。
比方说最近经常提到的黑暗模式,深色主题:
@media (prefers - color - scheme : dark) {
      /* 黑暗模式,深色主题 */
@media (prefer...
<view  style="--width:{{width}}px;--timer:{{timer}}s;">
    <view class="marquee_text" style="font-size:{{size}}px">{{text}}</view>
</view>
@keyframes move {
  from {   margin-left: 100%;  }
  to {   margin-left: var(--wid
 
推荐文章
有腹肌的火锅  ·  子组合器 - CSS:层叠样式表 | MDN
1 月前
爱健身的电脑桌  ·  接续兄弟组合器 - CSS:层叠样式表 | MDN
1 月前
长情的企鹅  ·  查看和更改 CSS 入门 - Microsoft Edge Developer documentation | Microsoft Learn
1 月前
小眼睛的手电筒  ·  高本贯通介绍
5 月前
慈祥的针织衫  ·  触手与她的爱巢游戏免费版-触手与她的爱巢安卓汉化版下载1.0.0-37uu游游
5 月前
爱热闹的海龟  ·  上海市行政规范性文件数据库 《上海市重点产业领域人才专项奖励实施办法》
1 年前
礼貌的小马驹  ·  enqueue/enqueue-bundle - Packagist
2 年前
千杯不醉的脆皮肠  ·  postgresql 口令: psql: 致命错误: 用户 认证失败 - CodeAntenna
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号