CSS attr() function & content property All In One

CSS attr() function & content property All In One

Note: The attr() function can be used with any CSS property, but support for properties other than content is experimental, and support for the type-or-unit parameter is sparse.

https://developer.mozilla.org/en-US/docs/Web/CSS/attr

demos

Pure CSS Progress Chart demos

https://codepen.io/xgqfrms/pen/wvxEVXg

https://github.com/oliviale/CSS-Progress-Pie

pure CSS throttle button demo

<button class="throttle-button-attr" data-delay="3" onclick="console.log('click button with atrr✅')">click button with attr </button>

.throttle-button-attr {
  /* CSS attr() function 暂不支持 animation 属性 ❌ */
  /* CSS attr() function 目前仅支持 content 属性 ✅ */
  animation: throttle attr(data-delay) step-end forwards;
  cursor: pointer;
}

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

refs

CSS3 & content & attr & data-* All In One

https://www.cnblogs.com/xgqfrms/p/11042812.html

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---