首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
luichooy
更多收藏集
微信扫码分享
微信
新浪微博
QQ
45篇文章 · 0订阅
CSS 实现优惠券的技巧
在实际 Web 开发过程中,总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式,就是一种在活动充值页非常普遍的优惠券效果,如下 首先,碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩,可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
小技巧!CSS 整块文本溢出省略特性探究
今天的文章很有意思,讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道,到今天(2020/03/06),CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下,会有一些变化的需求。譬如,我们有如下结构: 对于上述超出的情况,我们希望对于超…
8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
前段时间笔者收到可爱漂亮的小册姐姐的邀请,做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》,跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美,首日预售就达到709本,预售仅三日就破1000本。这也让笔者感到惊讶,没想到CSS技术还是那么受倔友们的欢迎…
【建议收藏】css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分,对于基本选择器我就不说了,主要讲下伪类选择器,组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式,这个算是这个选择器的亮点了。 上面这两我就不说了,相信大家都用烂了。主要说说下面这两个。 好了,在讲完这些选择器之后我们来…
我写CSS的常用套路·续
前言前篇传送门:猛戳这里其实大多数的技巧前篇都已经讲完了,本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢?用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS
box-shadow的妙用
前端开发过程中,`box-shadow`经常被用来作为“加特技”的手段,使一个盒子看起来有立体感。今天我们就来盘点一下`box-shadow`到底有哪些基础用法和独特用法。
CSS 实现左右交换的效果
鞋厂的 App 有这么一个效果,而我的小伙伴刚好要做这样一个效果,于是就开始研究到底是怎么做的,Emmmm,大家都知道我平时糊设计图的功底为 0,所以好好研究了一下。: 首先布局用 flex 可以实现,而动画可以用 transform 或者 animation 实现。 这个布局…
[英] 如何使用 CSS 实现优雅的纵向文字网页排版
Chen Hui Jin 大佬的文章每次都写的非常清楚
css3实现多个元素依次显示
如上图所示,在许多的活动宣传html5中会经常需要用到这样的一个动画效果。特别是快到年底了,也许有同学正在为了公司的活动页面而忙碌,get到这样一个小技能说不定刚好对你有帮助哦。 在css3中,我们使用animation与keyframes结合,可以给元素添加各种各样的动画效果…
rem布局解析
移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏,3倍屏之分,作为精益求精的前端,我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案,本文主要介绍了rem布局的原理和通用方案 首先说一下,我们想要达到的自适应效果…