Comments (6)
commented on June 16, 2024
没想到css2还有一个clip属性。这个效果很nice。
from css-secrets.
banrikun
commented on June 16, 2024
这个用法太精妙了，比JS模拟不知道要高到哪里去
原汁原味，靠谱方便
from css-secrets.
showonne
commented on June 16, 2024
太nice，学习了。
from css-secrets.
jimyuan
commented on June 16, 2024
不过看Dash的CSS文档里写到：
Deprecated
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.
我想如果用 opacity: 0 来代替 clip �也可以吧？
from css-secrets.
nikoohp
commented on June 16, 2024
可以的吧
from css-secrets.
cssmagic
commented on June 16, 2024
@jimyuan 谢谢分享。
确实不推荐使用 clip 属性。根据 CSS 规范的设计，它应该被它的升级版 clip-path 所取代（只不过 clip-path 的支持度还不够好）。作者在这里使用 clip 应该是为了简化代码，我们把它当作示意性的隐藏手段就好。
隐藏复选框的目的，一是让它看不见，二是避免用户与之交互，因此 opacity 还不够严密。
from css-secrets.
Related Issues (20)
- [注解] [508] 现实中的文字效果
- [注解] [509] 环形文字
- [注解] [603] 自定义复选框
- 提交勘误 HOT 3
- [注解] [607] 交互式的图片对比控件
- 线性渐变 HOT 2
- 第59页勘误 HOT 2
- [注解] [705] 垂直居中
- [注解] [706] 紧贴底部的页脚
- [注解] [801] 缓动效果
- [注解] [802] 逐帧动画
- [注解] [806] 沿环形路径平移的动画 HOT 6
- [注解·加强版] 如何正确编写 Fallback 样式
- 复杂的背景图案实践中的疑问 HOT 5
- fill="%23fb3”，%23fb3怎么理解?fb3是颜色，23是什么？ HOT 3
- p161：第 34 滚动提示，关于 `background-attachment` 代码问题 HOT 5
- [注解] [306] 简单的饼图
- 提交勘误 HOT 2
- p49页的蚂蚁行军边框问题 HOT 2
- 网站挂了，会修一下吗 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from css-secrets.