您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. CSS变量初体验

  2. 根据Mozilla软件工程师Cameron McCormack的透露 火狐浏览器从V29版开始支持一种新的CSS特征 CSS变量 下面这个视频可以让你大概的了解一下CSS变量的基本情况
  3. 所属分类:C/C++

    • 发布日期:2014-06-30
    • 文件大小:760832
    • 提供者:dxkxk88088
  1. Sassmixin准备切换到使用CSS自定义属性又名CSS变量

  2. Sass mixin准备切换到使用CSS自定义属性(又名CSS变量)
  3. 所属分类:其它

    • 发布日期:2019-08-10
    • 文件大小:51200
    • 提供者:weixin_39840515
  1. 用CSS变量实现独立的视差滚动支持移动和桌面

  2. 用CSS变量实现独立的视差滚动支持移动和桌面
  3. 所属分类:其它

    • 发布日期:2019-08-10
    • 文件大小:18432
    • 提供者:weixin_39840387
  1. 你真的需要了解一下CSS变量 var()的用法

  2. 当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,这篇文章主要介绍了你真的需要了解一下CSS变量 var()的用法,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-09-22
    • 文件大小:75776
    • 提供者:weixin_38519849
  1. CSS变量实现暗黑模式的示例代码

  2. 最近微信被苹果逼的开发了 暗黑模式 ,越来越多的网站和应用开始支持了暗黑模式,许多人也喜欢为网站选择暗模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。 这篇文章将告诉你如何实现一个自动的 CSS 暗模式,根据你的访客的主题来改变。 我在自己的博客页面 我的小铺 [1] 页面实践了一下用 CSS变量 和 media查询 实现暗黑模式。   CSS Dark Mode 我定义了变量以设置主题的颜色,我建议你也这样做,因为这样会使这个过程容易得多。我的默认模式的颜色变量如下: :ro
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:141312
    • 提供者:weixin_38743481
  1. 通过CSS变量修改样式的方法示例

  2. 问题 js怎么去修改css伪类样式呢?但是js并没有伪类选择器,那么该怎么办呢?网上有不少方法,比如通过切换元素的类、在style中动态插入新的样式等。 那么这里再来一种方法,设置css变量(var),通过js去改变这个变量来实现。 示例:改变div的hover背景色 :root { --divHoverColor: red; } div { width: 100px; height: 100px;
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:36864
    • 提供者:weixin_38656364
  1. 妙用CSS变量,让你的CSS变得更心动

  2. 作者:JowayYoung 仓库:Github、CodePen 博客:掘金、思否、知乎、简书、头条、CSDN 公众号:IQ前端 联系我:关注公众号后有我的微信哟 特别声明:原创不易,未经授权不得对此文章进行转载或抄袭,否则按侵权处理,如需转载或开通公众号白名单可联系我,希望各位尊重原创的知识产权 前言 CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,不知道为什么突然喜欢用上CSS变量,可能其自身隐藏的魅力,让笔者对它刮目相看。 谈到为什么会在CSS
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:292864
    • 提供者:weixin_38535812
  1. css-proxied-vars:每个元素设置,读取或更新CSS变量的最简单方法-源码

  2. CSS代理的vars 每个元素设置,读取或更新CSS变量的最简单方法。 import proxiedVars from '//unpkg.com/css-proxied-vars?module' ; // example => handle all :root CSS variables const htmlCSSVars = proxiedVars ( document . documentElement ) ; // set CSS variables with ease htmlC
  3. 所属分类:其它

    • 发布日期:2021-03-06
    • 文件大小:7168
    • 提供者:weixin_42151305
  1. basicScroll:具有CSS变量的移动和桌面独立视差滚动-源码

  2. basicScroll 具有CSS变量的移动和桌面独立视差滚动。 basicScroll允许您根据滚动位置更改CSS变量。 直接在CSS中使用变量来设置所需的动画。 受和启发。 内容 演示版 姓名 描述 关联 作者 默认 包括大多数功能 打回来 通过回调对JS中的属性进行动画处理 视差场景 由多个移动层组成 翻白眼 自定义元素以跟踪滚动 标题爆炸 动画字母 滚动和变形 使用CSS剪切路径变形文本 视差与JS 几个示例和调试模式 讲解 姓名 关联 :page_with_curl: 使用J
  3. 所属分类:其它

    • 发布日期:2021-02-21
    • 文件大小:19456
    • 提供者:weixin_42138780
  1. CSS变量-源码

  2. Javascr ipt挑战3,共30 项目3要求使用HTML输入来更新CSS变量。 用户可以通过调整滑块或使用颜色选择器来更新模糊,间距和基础颜色变量。
  3. 所属分类:其它

    • 发布日期:2021-02-20
    • 文件大小:1024
    • 提供者:weixin_42169971
  1. project_responisve_website:这是项目的代码存储库:使用现代CSS功能和技术(如CSS变量和Flexbox)从头开始构建一个响应式网格CSS网站。-源码

  2. 项目:使用CSS网格的自适应网站 项目:使用现代CSS功能和技巧(例如CSS变量和Flexbox)从头开始构建一个响应式网格CSS网站 单击链接打击以查看[GitHub页面]:( )
  3. 所属分类:其它

    • 发布日期:2021-02-15
    • 文件大小:756736
    • 提供者:weixin_42117485
  1. dashvar:CSS变量库,外观漂亮-源码

  2. CSS变量库。 外观设计的默认值很高。 受到Tailwind CSS的启发。 特征: 小(压缩后<1.5KB) 只有CSS变量,没有全局样式。 开始使用现有项目没有风险。 版式: 还有更多 [可选的现代(自以为是的)CSS重置]( 从NPM包中将变量导出为JS对象 例子: styled-components styled-jsx CSS modules 入门 用法示例: . component { color : var ( --gray-800 ); fo
  3. 所属分类:其它

    • 发布日期:2021-02-15
    • 文件大小:181248
    • 提供者:weixin_42166623
  1. CSS变量-源码

  2. CSS变量
  3. 所属分类:其它

    • 发布日期:2021-02-13
    • 文件大小:1024
    • 提供者:weixin_42122306
  1. js-css-variables:Web应用程序,演示了使用JavaScript控制CSS变量的功能-源码

  2. js-css-variables Web应用程序,演示使用Javascr ipt控制CSS变量的能力 参考文献 该Web应用程序是使用的构建的。 关于 Wes Bos撰写Javascr ipt 30课程的第3天。 第三天详细介绍了使用Javascr ipt修改CSS变量的方法。 演示版 这是应用程序的外观: 安装 要在本地计算机上安装和测试Web应用程序,您需要做的就是使用以下命令克隆GitHub存储库: git clone https://github.com/tcharts-boop/j
  3. 所属分类:其它

    • 发布日期:2021-02-10
    • 文件大小:4194304
    • 提供者:weixin_42098892
  1. cessie:转换您CSS包以支持CSS变量,计算和旧版浏览器的将来CSS-源码

  2. 塞西 转换您CSS包以支持CSS变量,计算和旧版浏览器的将来CSS。 产品特点 在后台使用PostCSS。 使用postcss-preset-env转换将来CSS。 使用postcss-custom-properties和postcss-calc转换CSS变量和postcss-calc 。 可以用于所有CSS包。 可以转换SCSS,SASS和LESS。 如果尚未缩小,则可以缩小输出。 观看模式。 源地图。 案件 此CLI的示例用法是在您没有权力的情况下,或者将为您的应用程序编辑/编
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:47104
    • 提供者:weixin_42151772
  1. css-vars-ponyfill:在旧版和现代浏览器中客户端对CSS自定义属性(也称为“ CSS变量”)的支持-源码

  2. css-vars-ponyfill 一个 ,可在旧版和现代浏览器中为(也称为“ CSS变量”)提供客户端支持。 (CodePen) 产品特点 从客户端将CSS自定义属性转换为静态值 在现代和旧版浏览器中实时更新运行时值 转换 , 和import CSS 将相对的url()路径转换为绝对URL 支持链接和嵌套的var()函数 支持var()函数后备值 支持Web组件/阴影DOM CSS 观看模式在和更改时自动更新 提供UMD和ES6模块 包含Typescr ipt定义 轻量级(至少6k +
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:302080
    • 提供者:weixin_42168750
  1. 拆分:JavaScript微库可按单词,字符,子元素和更多内容拆分元素,并填充CSS变量!-源码

  2. CSS Vars用于拆分词,字符等! Splitting.js是一个Javascr ipt微库,旨在以多种方式(例如单词,字符,子节点等)分割(分割)元素! 大多数Splitting方法利用一系列填充CSS变量和数据属性来解锁过渡和动画,这些以前在CSS中是不可行的。 使用npm i splitting -s或。 有关更多详细信息和安装说明,请查阅。 维护者 维护者 的GitHub 推特 萧若 克里斯托弗·沃利斯
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:81920
    • 提供者:weixin_42134234
  1. halfmoon:具有内置暗模式和使用CSS变量的完全可定制性的前端框架; 非常适合构建仪表板和工具-源码

  2. 具有内置暗模式和使用CSS变量的完全可定制性的前端框架; 非常适合构建仪表板和工具。 内置暗模式— Halfmoon带有内置的可切换暗模式,这是它最重要且最定义的功能之一。 使用CSS变量完全可自定义-框架完全使用CSS变量(也称为CSS自定义属性)构建。 几乎有1,500个CSS变量,这意味着几乎所有内容都可以通过覆盖属性来进行自定义,从而使Halfmoon主题轻松适合您的品牌。 。 非常适合构建仪表板和工具-组件具有非常标准的外观,使其适合于仪表板和工具。 此外,许多重要的内容都放在表
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:177152
    • 提供者:weixin_42126865
  1. CSS变量对JS交互组件开发带来的提升与变革示例代码详解

  2. 一、CSS变量带来的质变 CSS变量带来的提升绝不仅仅是节约点CSS代码,以及降低CSS开发和维护成本。 更重要的是,把组件中众多的交互开发从原来的JS转移到了CSS代码中,让组件代码更简洁,同时让视觉表现实现更加灵活了。 我们通过几个案例来说明这一变化。 二、简化了JS对DOM设置的介入 案例1:loading进度效果 例如实现下图所示的变量效果: 外面有一层背景层,然后里面有进度条,还有进度值。 在过去,会使用两层div元素,然后JS去改变里面有颜色条条的宽度,同时设置进度值。 也就是,
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:102400
    • 提供者:weixin_38685694
  1. 你真的需要了解一下CSS变量 var()的用法

  2. 当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,它让开发人员能够重用并轻松编辑重复出现的CSS属性。用过SASS或Less的人应该知道他的变量功能有多棒,但这些变量是预处理器,需要在使用前进行编译。现在变量在vanilla CSS中可用,您可以立即在浏览器中使用它们! 定义和使用CSS变量 与任何其他CSS定义一样,变量遵循相同的范围和继承规则。使用它们的最简单方法是通过将声明添加到:root伪类来使
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:72704
    • 提供者:weixin_38724919
« 12 3 4 5 6 7 8 9 10 ... 49 »