关于网页端css阴影你了解多少?

作者: 哆啦niko分类: 野生技能协会 发布时间: 2023-07-28 21:34:20 浏览:45105 次

关于网页端css阴影你了解多少?

Zitzefp:
新拟态风格在简单界面上表现不错,在复杂界面上容易让光线不统一,也会让人对部件的功能产生疑惑,所以慎用[OK]

【回复】比如,凸起的是按钮吗? 凹陷的是文本框吗? 本来是凸起的,按下后又变凹陷了,那么凸起的状态是“开/On”吗? 有好几个相同的凸起或凹陷,但有一些有颜色,那么有颜色的是“开/on”吗?
【回复】回复 @Geticer :差不多就是这种问题,大家一般会有这种直觉,认为凸起来的东西是能按的,但是在这种风格上,很多时候凸起的东西也不一定能按。。。
若小仟:
小时候 css真复杂,好多属性 [doge] 长大后 还挺好玩的(不当饭碗)[doge]

【回复】当饭碗会被css恶心死[doge]
Adam718:
我最好奇的是楼主您的视频里各种交互效果,是怎么丝滑的放到视频里的[星星眼][星星眼]

【回复】回复 @小夜的传说 :状态好的话半天[doge],不好的话两天
【回复】大部分是css写好动画,录屏,其它ae完成的[打call]
【回复】回复 @哆啦niko :做这个视频需要多久呢?
疯狂小瑞瑞:
交作业,用 box-shadow 实现 Win7 basic 主题标准窗体边框 .window{ position: fixed; padding: 30px 7px 7px; border-radius: 7px; /* 1px 黑边 1px 白边 27px 4px 4px 蓝边 1px 白边 1px 黑边 */ border: 1px solid rgb(96,102,102); box-shadow: inset 0 0 0 1px rgb(224,235,247), /* 1px白 */ inset 0 0 0 5px rgb(209,232,255), /* 4px蓝 +偏移 */ inset 0 28px rgb(209,232,255), /* 27px顶蓝 +偏移 */ inset 0 29px rgb(224,235,247), /* 1px内顶白 */ inset 0 0 0 6px rgb(224,235,247), /* 1px内白 +偏移,图层在27px顶蓝的底部 */ inset 0 30px rgb(96,102,102) , /* 1px内顶黑 */ inset 0 0 0 7px rgb(96,102,102) ; /* 1px内黑 +偏移 */

一只兔兔罢了:
css就跟ppt一样 基础图形就那么几个 但是组合起来能创造出很多很多可能

J_1火箭:
不要被文档和任务妥协是提升自己的第一步这句话很有味道

检验合格:
[doge]我的小程序就是封面的风格 《雨雪》

流云沧澜Saylor:
大佬你太牛了,这就叫专业啊,娓娓道来[打call]

为什么他一直在笑:
前几秒没有BGM好不习惯啊,我超喜欢这种简洁易懂的!!!大佬持续更新啊![给心心]

有点难度哈:
简单东西怎么让你演说的像是看文艺片一样[吃瓜]

感兴趣就试试 CSS 创意 前端 阴影 文字 网页设计 盒子模型

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!