css
虾米大哈
这个作者很懒,什么都没留下…
展开
-
在单击按钮上创建波纹效果
在单击按钮上创建波纹效果 波纹效过是现代设计趋势的一部分。你一定在许多网站上见到过,它提供了按钮按下的波纹动画效果。我们可以通过向按钮添加子元素并设置动画效果来产生涟漪效果。我们也可以使用Javascript根据光标在按钮上的位置进行定位。 1、基本样式 使用position:relative属性向按钮添加基本样式,以放置内部span标签并overflow:hidden防止span超出按钮。 <!DOCTYPE html> <html> <head> <原创 2020-05-29 15:07:29 · 254 阅读 · 0 评论 -
如何合理使用px | em | rem | % 等单位
在 CSS 中有许多距离单位,比如 px | em | rem | %,还有 CSS3 中的 vh | vw 等单位。 那么我们在项目中应该如何使用呢?我们在 pc 端不需要考虑的这么复杂,所以这里我们主要讲讲这些单位在移动端中的使用。 基础单位 px px 是我们最早接触到的单位了,不过我们在移动端自适应的要求下,使用的频率不是很高;我总结了以下使用的情况: 比较小的图案 比如需要我们画一个 r...原创 2019-05-08 17:40:31 · 267 阅读 · 0 评论