首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
夏子羽
更多收藏集
微信扫码分享
微信
新浪微博
QQ
26篇文章 · 0订阅
三款很酷很骚气的底部导航
早上好,骚年,我是吴小龙同学,我的公众号「菜鸟翻身」会推荐 GitHub 上好玩的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注我。 和 Android Design Support Library 之 BottomNavigation,我这里就不介绍,今天…
CSS 常用技巧
相信大家在写css属性的时候,会遇到一些问题,比如说:垂直对齐,垂直居中,背景渐变动画,表格宽度自适应,模糊文本,样式重置,清除浮动,通用媒体查询,自定义选择文本,强制出现滚动条,固定头部和页脚,自己在网上看到的一篇关于css的文章,感觉这里边一些常用的css代码片段对大家很有…
用最短的CSS样式,勾勒大数据演示屏
本文github地址,持续更新...... 覆盖一层蒙版,并在蒙版上书写文字。需要2层,从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版,本质上讲是两层图,底层图清晰完整,顶层图模糊残缺,并且两者位移完全一致,因此叠加到一起后像是一张图。为了确保位移一致,我们用了 backg…
移动端布局适配hotcss+postcss-pxtorem
本来团队是搞PC端开发的,前段时间架构调整,移动端人力不足,所以团队把移动端的工作也一起接过来了。 不过由于我们团队以前没开发过移动端的东西,技术积累较少,因此花费了不少时间在基础技术积累上面。 这次介绍一下我们的移动端适配方案的改进过程。 最开始进行移动端开发时,由于工期比较…
不怕你用不上!CSS 列表项布局技巧
4. 完整代码:元素宽度已知,所有元素都在一个容器 本文由创宇前端作者授权发布,版权属于作者,创宇前端出品。文章链接:https://knownsec-fed.com/2018-12-13-css-lie-biao-xiang-bu-ju-ji-qiao/ 想要订阅更多来自知道…
Web 动效四大才子简述
我们一个一个简单了解下。 CSS3 动画的 animation-timing-function 属性值除了支持 cubic-bezier() 功能符,还支持 steps() 功能符,可以实现很多小而美的逐帧动画效果。例如 twitter 的 Like 的效果: 把所有序列帧图片…
CSS实现footer“吸底”效果
一是无论内容的多少,我们都希望使按钮,固定于可视窗口的底部,且内容区是可滚动的。 二是当内容区的内容较少时,页脚区不是随着内容区排布,而是始终显示在屏幕的最下方;当内容区的内容较多时,页脚能随着内容区的增高而撑开,始终显示在页面的最底部。 谈到“吸底”效果的实现,大家可能较多了…
不可思议的纯 CSS 滚动进度条效果
就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短。 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
原生JS实现DOM爆炸效果
此次分享是一次自我组件开发的总结,还是有很多不足之处,望各位大大多提宝贵意见,互相学习交流。 1. 前置资源:抛物线运动的物理曲线需要使用Tween.js提供的速度函数 2. 粒子实现 希望在粒子管控组件时,使用new partical的方式创建粒子,每个粒子存在自己的动画开始…
幻术,一行代码实现镂空效果
学习之前可以先看看酷炫的动画效果,想想怎么实现。 从最近在做的需求说起,一个优惠券样式,过设计稿的时候认为没什么大不了的,满口答应了。真正开始开发的时候遇到问题,主要是镂空效果实现方式上比较费劲。要求是背景可配,并且票身可以配背景图,然后镂空是真镂空。 设想并尝试了很多种方案,…