$(“#id”).attr(“class”);//获取样式
$(“#id”).attr(“class”,className);//设置样式
$(“#id”).addClass(className);//追加样式
$(“#id”).removeClass(className);//移除样式
$(“#id”).toggleClass(anotherClass) //重复切换anothe
转载
2023-07-14 14:33:13
31阅读
我们将使用纯css打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签，一个checkbox，并在提交表单后获取checkbox值，以查看用户是否已经选中或取消选中该checkbox。我们都知
转载
2020-12-09 19:35:00
3748阅读
2评论
#button1{
width: 100px;
height: 30px;
font-size: 18px;
font-family: 微软雅黑;
letter-spacing: 8px;
padding-left: 12px;
} 添加基本的样式，设置大小为
http://blog.koalite.com/bbg/
转载
2016-12-09 11:57:00
151阅读
2评论
border: none; color: white; padding: 15px 32px; text-align: center; text-dec
原创
2023-01-31 14:46:21
586阅读
今天分享一个iOS风格的switch开关按钮，如图： 主要是使用了<input type="checkbox">来模拟实现，具体的HTML： 在实际的使用中后来又增加了两个过渡效果，分别加 mui-switch-animbg和mui-switch-anim 类即可。 CSS代码
原创
2023-05-15 11:05:27
367阅读
dd6fc77739ba/css3-button-generato_1325474481_demo_package/index.html
原创
2023-05-10 10:03:43
139阅读
采用纯 CSS3 制作 iPhone 风格切换开关√http://5m3d.com/?p=846 b
转载
2013-10-31 16:26:00
144阅读
2评论
温馨提示：一下
css封装，建议按需使用，否则会造成很大的代码冗余，且很多
样式会造成不符合预期的效果，建议合理使用 <a href="https://meyerweb.com/eric/tools/
css/reset/">Reset.
css</a> function.
css /* 禁止选中文本 */
原创
2021-07-19 16:50:03
301阅读
前言 效果 代码 总结 为了更直观的比较,raw checkbox我就没有隐藏了..~~~~
转载
2016-10-27 23:08:00
110阅读
2评论
一、CSS3圆角的优点
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：
* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。
* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。
* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等
原创
2012-09-03 22:42:31
616阅读
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee432e), color-stop(50%,#c63929), color-stop(50%,#b51700), color-stop...
原创
2022-05-31 15:18:08
397阅读
css3-4 css3边框样式 一、总结 一句话总结： 二、css3边框样式 1、相关知识 边框属性:1.border-width2.border-style3.border-color边框方位:1.border-left:1px solid #f00;2.border-top:1px solid
转载
2018-06-22 02:48:00
149阅读
在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性： 1.css3前缀使用介绍，我们直接看个例子：
Java代码
-webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用
转载
2014-11-13 12:48:00
124阅读
2评论
list-style-type:none;disc：实心圆cirle：空心圆none：不使用项目符号decimal：阿拉伯数字square：实心方块......用于
原创
2023-05-19 15:16:11
59阅读
css3 width: calc(50% - 10px) sass 1、奇偶行
原创
2021-08-04 15:51:20
173阅读
案例-分页按钮（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF\
原创
2022-10-20 10:06:19
73阅读
HTML5+CSS3悬浮按钮彩球效果是一款非常具有动画色彩的CSS3按钮，点击按钮时利用HTML5 Canvas绘制彩球飞舞的效果，非常炫酷。查看原文查看在线演
原创
2022-02-23 11:41:02
1813阅读
CSS3-边框border-radiusbox-shadowborder-image【1】box-shadowbox-shadow: 50px 50px 0 20px #ffb;图：解析：参数1：X轴，图中为30，因为50-20=30；
参数2：Y轴，图中为30，因为50-20=30；
参数3：模糊距离
参数4：阴影大小，默认可省略不写时为0。
参数4：颜色。复制代码【2】border-image
转载
2021-01-21 18:30:06
296阅读
2评论
