JavaScript
CSS
HTML
PHP
联系雪哥
登录
注册
找回密码
JavaScript
CSS
HTML
PHP
联系雪哥
登录
注册
找回密码
CSS
共42篇
排序
更新
浏览
点赞
评论
JQ选项卡Tab非同级切换并同步下划线滑动效果
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文,用起来感觉还不够丝滑,这次添加了下划线(也就是border-bottom)样式,达到切换任意相邻或不相邻的TAB时都能实现...
11个月前
0
308
7
CSS延迟hover消失时间
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
11个月前
0
292
14
CSS的Flex布局并排间距换行间距和每几个元素换行间隔
直接上例子,每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
12个月前
0
296
10
简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
1年前
0
166
7
CSS凸出感按钮,按钮凹陷感效果
分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码:(可以是图片,也可以用font图标,自己引入样式即可) <div class='container'> <div class='box'> <div class='img'> &...
1年前
0
724
5
CSS响应式屏幕宽度自动适应
.XulgrMax{ font-size: 32px; font-weight: 600; margin: 20% 50px 0 50px; color: red; } @media screen and (max-width: 900px){ .XulgrMax{ font-size: 24px; font-weight: 500; margin: 40p...
1年前
0
266
7
CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定
先在父元素加上(如果没有父元素,可直接用body添加) position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。 需要注意的是: 父元素不能有overflow:hi...
1年前
0
409
14
简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)
HTML <button id='xgtotop'><i class='xulgricon'></i></button> <button id='xglink'><i class='xulgricon'></i></but...
1年前
0
203
0
CSS字体引入格式
几个免费字体下载网站: https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/ 一般下载下来是单个ttf或otf字体文件,很多都体积比较大,直接引入单个字体文件...
1年前
0
258
0
制作一个页面载入loading加载完毕动画收缩
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分: <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
1年前
0
201
0
1
2
3
…
5
下一页
在手机上浏览此页面
登录
没有帐号?立即注册
手机号
验证码
发送验证码
记住登录
帐号密码登录
登录
用户名/手机号/邮箱
登录密码
记住登录
找回密码
|
免密登录
登录
注册
已有帐号,立即登录
设置用户名
手机号
验证码
发送验证码
设置密码
注册
注册即表示同意
用户协议
、
隐私声明