首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
WangShuXian6
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
移动端适配及PC端适配心得总结体会(二) (可能比较全
2. 1px边框的问题 2. background-image 和border-image类似,准备一张符合条件的边框背景图,模拟在背景上。 上面两种都需要单独准备图片,而且圆角不是很好处理,但是可以应对大部分场景。 这种方式可以满足各种场景,如果需要满足圆角,只需要给伪类也加…
你该知道的《css揭秘》--背景与边框篇
将背景绘制范围设为padding-box,边框设置为透明色,即可实现效果。 上图多边框可使用 box-shadow 实现,有一个缺点就是只能设置实线。 box-shadow支持逗号分隔语法,我们 可以创建任意数量的投影。 如上图,如果只是需要两层边框,当然我们还可以使用outl…
滚动视差让你不相信“眼见为实”
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果。 其实,这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色的视觉体验,现在已经有数不胜数的网站应用了这项技术。 我是在最近的项目中…
【译】22个必备的CSS小技巧
不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式,但是在Chrome和Opera浏览器中需要添加前缀。举个栗子: 现在,你甚至可以在边框中使用渐变。 具体的例子可以看这里,或者看这里使用的是background-clip和backgroun…
你该知道的《css揭秘》--形状篇
关于以下内容,我们假设结构层的变更是不允许的。 我们也尽量不去添加额外的HTML,以做到样式层与结构层的分离,如若实在没有其他的可能性,才退而求其次来增加额外的HTML。 制作一个自适应的椭圆是形状篇中最简单的图形了,简直不能再简单了。 众所周知,制作与圆相关的图形,用到的属性…
用 CSS 写一个商城卡券需要几步
交给测试后,我们来分析下 CSS 卡券。 background是可以设置多个图片的,遵循background: [background-color] [background-image] [background-repeat] [background-attachment] […
contenteditable跟user-modify还能这么玩🌚
假如... 把该属性加在style元素上呢😍,是不是就可以在页面上直接编写样式并且自带"热更新"?因此有如下代码:
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
CSS变量在前端复杂布局和交互上的探索
本文将和各位老铁一起探索如何使用CSS变量来降低复杂布局和交互的代码编写难度,并使其更易于维护。这里即将分享两篇该系列的文章,本篇是分享css变量的探索应用的各种用例。(ps:看懂和理解本文需要有一定的前端基础) 有点意思吧,接下来,我们就一起探索CSS变量在复杂布局和交互的一…