iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
自我挑戰組

JavaScript 30天 跟著一起做一遍!!!系列 第 3

[Day3] Playing with CSS Variables and JS

  • 分享至 

  • xImage
  •  

[Day3] Playing with CSS Variables and JS

運用 CSS 和 Javascript 用控制器來改變CSS

需要用到的技巧與練習目標

  1. 原生CSS寫變數
  2. input type
  3. forEach
  4. dataset
  5. setProperty

原生CSS寫變數

input type

forEach

dataset

setProperty

參考資料來源:
https://muki.tw/tech/native-css-variables/
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/range
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color


上一篇
[Day2] CSS + JS Clock
下一篇
[Day4] Array Cardio Day 1
系列文
JavaScript 30天 跟著一起做一遍!!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言