css
星星的泪痕
这个作者很懒,什么都没留下…
展开
-
Css 实现图片局部模糊
利用CSS3 filter(滤镜) 属性设置一张图片作为底图,一张用div包起设置定位和宽高通过设置filter模糊<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&原创 2021-01-07 16:37:40 · 2232 阅读 · 0 评论 -
PostCSS的配置文件
Vue中使用Vant组件库时,需要使用rem单位,使用了以下两个工具:postcss-pxtorem是一款 postcss 插件,用于将单位转化为 rem lib-flexible用于设置 rem 基准值在使用PostCSS 时提供了一份基本的 postcss 配置,可以在此配置的基础上根据项目需求进行修改module.exports = { plugins: { autoprefixer: { browsers: ['Android >= 4.0', '..原创 2020-09-16 15:38:25 · 3568 阅读 · 0 评论 -
用@keyframe实现图片轮播
通过keyframe实现4张图片轮播通过无序列表放置5张图片,第5张和第1张相同,使当第4张播放时后方不会出现空白每个li放置一张,li浮动,使图片位于一行,超出框子的隐藏(框子设置overflow:hidden;)通过ul向左移动,第四张移出后返回原位,再次重复移动,实现轮播的效果未隐藏时效果图<!DOCTYPE html><html lan...原创 2020-01-08 21:50:29 · 2298 阅读 · 2 评论 -
利用@keyframe 、transition 分别实现图片移动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-08 21:13:50 · 1487 阅读 · 0 评论 -
Css 命名 id和class
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-07 10:54:46 · 116 阅读 · 0 评论 -
Css 外链式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-07 10:50:43 · 8391 阅读 · 0 评论 -
Css 样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-07 10:45:59 · 135 阅读 · 0 评论