隐藏页面特效

03 2021 档案

【品优购】字体图标定位的做法
发表于 2021-03-27 22:43阅读次数：78评论次数：0
摘要：.nav .dropdown .dd ul li { position: relative; /* 父--li；子--li的after伪元素 */ } .nav .dropdown .dd ul li::after { position: absolute; right: 5px; top: -8p 阅读全文 »
posted @ 2021-03-27 22:43 ice猫猫3 阅读(78) 评论(0) 推荐(0) 编辑
【品优购】隐藏logo里面的文字
发表于 2021-03-27 12:53阅读次数：48评论次数：0
摘要：/* 京东做法 */ font-size: 0; /* 淘宝做法 */ text-indent: -9999px; overflow: hidden; 阅读全文 »
posted @ 2021-03-27 12:53 ice猫猫3 阅读(48) 评论(0) 推荐(0) 编辑
【品优购】字体图标做法
发表于 2021-03-27 12:14阅读次数：98评论次数：0
摘要：1.从阿里矢量图库的项目界面-复制链接，加上“https:”前缀后打开 2.ctrl+A复制内容到.css文档里面 3.把“font-family: "iconfont" !important;”复制到类里面，这样可以直接调用 4.根据需要，改before/after 5.直接调用类即可 阅读全文 »
posted @ 2021-03-27 12:14 ice猫猫3 阅读(98) 评论(0) 推荐(0) 编辑
【品优购】小竖线做法
发表于 2021-03-27 11:07阅读次数：92评论次数：0
摘要：###html--直接写上小竖线 <div class="fr"> <ul> <li><a href="#">我的订单</a>|</li> <li><a href="#">我的品优购</a>|</li> <li><a href="#">品优购会员</a>|</li> <li><a href="#"> 阅读全文 »
posted @ 2021-03-27 11:07 ice猫猫3 阅读(92) 评论(0) 推荐(0) 编辑
购物进度条--过渡元素
发表于 2021-03-27 09:25阅读次数：36评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-27 09:25 ice猫猫3 阅读(36) 评论(0) 推荐(0) 编辑
土豆网遮罩效果——伪元素
发表于 2021-03-27 08:26阅读次数：130评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-27 08:26 ice猫猫3 阅读(130) 评论(0) 推荐(0) 编辑
京东秒杀模块——css三角形妙用
发表于 2021-03-26 20:11阅读次数：168评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 20:11 ice猫猫3 阅读(168) 评论(0) 推荐(0) 编辑
页码跳转模块——行内块妙用；间隔；高宽
发表于 2021-03-26 19:33阅读次数：33评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 19:33 ice猫猫3 阅读(33) 评论(0) 推荐(0) 编辑
文字环绕效果——图片float即可
发表于 2021-03-26 16:23阅读次数：131评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 16:23 ice猫猫3 阅读(131) 评论(0) 推荐(0) 编辑
京东css三角形做法
发表于 2021-03-26 14:52阅读次数：108评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 14:52 ice猫猫3 阅读(108) 评论(0) 推荐(0) 编辑
css三角
发表于 2021-03-26 14:36阅读次数：25评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 14:36 ice猫猫3 阅读(25) 评论(0) 推荐(0) 编辑
拼出自己的名字——背景定位属性
发表于 2021-03-26 14:25阅读次数：110评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 14:25 ice猫猫3 阅读(110) 评论(0) 推荐(0) 编辑
土豆网遮罩--display:block显示（不占位）
发表于 2021-03-26 13:59阅读次数：77评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 13:59 ice猫猫3 阅读(77) 评论(0) 推荐(0) 编辑
淘宝轮播图——nav中小圆点li的做法
发表于 2021-03-26 12:46阅读次数：149评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-26 12:46 ice猫猫3 阅读(149) 评论(0) 推荐(0) 编辑
新浪导航--padding撑开盒子，不是width
发表于 2021-03-25 15:32阅读次数：80评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-25 15:32 ice猫猫3 阅读(80) 评论(0) 推荐(0) 编辑
五彩导航栏--背景图片盖住背景颜色
发表于 2021-03-23 11:08阅读次数：139评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-23 11:08 ice猫猫3 阅读(139) 评论(0) 推荐(0) 编辑
侧边导航栏
发表于 2021-03-23 09:35阅读次数：16评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-23 09:35 ice猫猫3 阅读(16) 评论(0) 推荐(0) 编辑
基本样式练习-天气预报
发表于 2021-03-22 17:11阅读次数：80评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-22 17:11 ice猫猫3 阅读(80) 评论(0) 推荐(0) 编辑
注册页面
发表于 2021-03-22 10:05阅读次数：13评论次数：0
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文 »
posted @ 2021-03-22 10:05 ice猫猫3 阅读(13) 评论(0) 推荐(0) 编辑
查看Python安装目录使用的一个命令
发表于 2021-03-15 18:29阅读次数：74评论次数：0
摘要：win+R打开，输入cmd pip --version 阅读全文 »
posted @ 2021-03-15 18:29 ice猫猫3 阅读(74) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示