html纯CSS3实现自定义美化复选框和单选框 Checkbox Small Checkbox Big ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-05 16:16:18
                            
                                786阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如题,主要通过CSS3来实现将radio和checkbox美化的效果。可是兼容性并非非常好,PC端仅仅支持chrome浏览器(IE和Firefox測试不行,其它没有很多其它測试)。然后微信端和QQ端訪问也是正常。因为LZ所做的功能正好仅仅须要在微信端展示,所以并未深入研究。</span> 当然,尽管            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-07-23 12:00:00
                            
                                272阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            30行代码实现纯CSS—3种换肤老规矩,先把代码给大家,拿去粘贴直接用,无需引用,不            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-23 10:50:38
                            
                                139阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、input 默认的 type 为 radio的样式,在具体场合中的改造默认的样式这样:但是我要这样的:这样看来是不是比原来的好看多了。2、优化radio的样式
   
   
   
     {{val}} 这个是vue的一个例子,点击一个元素给它追加一个class。当然这个不是重点,重点是 红色部分,我们需要对红色部分进行css描述。  .select-wrapper {
    disp            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-13 21:31:39
                            
                                1242阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在Web开发中。通过CSS代码也能够实现一些简单的图片,当然,假设你有耐心,也能够实现较为复杂的图片噢。 那么请问为什么有图片不去用而须要用CSS来实现呢?一是由于性能的原因,图片带给server和client的压力比几行CSS代码要大得多。二是由于没有必要。有些简单的效果利用CSS就能够直接完毕了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-31 11:20:00
                            
                                377阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原文地址: CSS Triangles 演示地址:CSS Triangles Demo 原文日期: 2013年8月5日 翻译日期: 2013年8月9日 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-09 10:34:00
                            
                                765阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            感谢印记中文的 QC-L[1] 对本文进行翻译,英文原文: English Version[2]。在 重新构想原子化 CSS中,我提到了 UnoCSS[4] 的一个预设,它提供了在纯 C...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-01-14 17:42:58
                            
                                304阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            不需要图片和js技术。能够兼容各种浏览器,不兼容opera.支持三种按钮状态,即正常,             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-22 15:45:10
                            
                                431阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第一章、基本的圆角框 原创:冰极峰 转载请注明出处 2009年11月30日10:19:34 序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-11-30 17:40:00
                            
                                113阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是Tootips? 这就是Tooltips如你所见,这些附加的说明文字在鼠标经过的时候显示。 当然,支持HTML.如: .<html> <head> </head> <style type="text/css"> /*Tooltips*/ .tooltips{ position:relative; /*这个是关键*/ z-index:2; } ....            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-05-25 10:03:00
                            
                                107阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原文日期: 2013年08月26日 翻译日期: 2013年08月27日 如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-27 16:30:00
                            
                                1256阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            流传很广的一个例子。<style type="text/css">div.roundedcorner{background: #3a6ea5; width: 200px; color:white}b.r   {display:block;background: #fff}b.r b {display:block;height: 1px;overflow: hidde            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-09-29 15:42:42
                            
                                567阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更高效,而且不需要JS框架来一步步处理,代码更美观优雅。 用纯CSS来实现很难确定的一个特效是 上下滑动——当向上滑的时候内容渐变隐藏,向下滑动内容渐变显示。 之所以难以实现的原因是你可能不能获得内容的高度。 在经历了多种多样的CSS属性之后,我发现了一种利用纯CSS来实现滑动特效的方法。HTML部分            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-27 19:17:00
                            
                                2111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原文地址:  CSS Triangles 演示地址:CSS Triangles Demo 原文日期: 2013年8月5日翻译日期: 2013年8月9日本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的网站,准备添加tooltips提示信息效果.实现很容易,但我想要让提示功能具有三角形的指            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-16 15:05:16
                            
                                971阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                
纯CSS圆角效果
纯CSS圆角效果
纯CSS圆角效果
 
 
 1 <html>  2 <head>  3 <title>纯CSS圆角效果</title>  4 <meta http-equiv="content-type" content="text/html; charset=gb2312">  5 <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-04-09 09:26:00
                            
                                241阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            纯css 瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-19 16:34:00
                            
                                541阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            做一个星级评价的功能不是很难,但是要单纯用CSS写估计就有点难度了,先来个截图: 效果很简单,可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法:CSS: 以下为引用的内容:          .jsstar     &nb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-28 16:31:28
                            
                                76阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            感谢印记中文的 QC-L[1] 对本文进行,英文原文: English Version[2]。在 重新构想原子化 CSS中,我提到了 UnoCSS[4] 的一个预设,它提供了在纯 C...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-11-22 16:53:28
                            
                                460阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            real纯css样式库,延展性强,可和vue、jq等多中框架结合,等待更多版本下面将real-vue(组            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-20 09:32:30
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            github上的地址是: [url]https://daneden.github.io/animate.css/[/url]
Animate.css
Just-add-water CSS animation
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your project            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-04 16:31:21
                            
                                335阅读