首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
css用边框实现圆角矩形
css用边框实现圆角矩形,今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。关键部分都有注释。div+CSS圆角矩形.roundedRectangle{height:70px;100px;margin-top
72
代码人生
01-01 08:00
代码人生
css3实现闪亮进度条效果
css3实现闪亮进度条效果,效果图如下:html源码:NewPureCSS3ProgressBarsDemonstration$(document).ready(function(){vardelay=0;$('.bar').children('span').each(function(){varnum=Math.floor(Math.random()*8)+2;$(this).width(0).
72
后端
01-01 08:00
后端
CSS 伪类实现弧形
CSS 伪类实现弧形,.head-section{width:100%;height:360px;position:relative;z-index:-1;overflow:hidden;}.head-section::after{content:'';display:block;width:160%;height:200%;border-radius:50%;position:absolute;
72
代码人生
01-01 08:00
代码人生
css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果
css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果 需求如下: 前端需要显示矩形的缩略图,接口返回的图片尺寸大小不一,宽高不相等,需要前端来处理并显示成正方形,类似微信朋友圈图片的效果,等比例正方形显示在列表中,让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢? mate标签: <meta name="vie
71
代码人生
01-01 08:00
代码人生
css用边框实现圆角矩形
css用边框实现圆角矩形,今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。关键部分都有注释。div+CSS圆角矩形.roundedRectangle{height:70px;100px;margin-top
71
代码人生
01-01 08:00
代码人生
css 旋转动画
css 旋转动画 .uni-load-more__img { animation: loading-ios-H5 1s 0s step-end infinite;} @keyframes loading-ios-H5 { 0% { transform: rotate(0deg); } 8% { transform: rotate(30deg); }
71
代码人生
01-01 08:00
代码人生
css的一些零碎总结
css的一些零碎总结 个人的vue/angular网站开发,记得添加全局css【main.css或index.css】 * { padding: 0; margin: 0; height: 100%; font-size: 2.2vh; /*or vw, viewport height|width*/ position: relative; }
71
代码人生
01-01 08:00
代码人生
css 瀑布流
css 瀑布流 .waterfall{ margin:0 20rpx; column-count: 2; .waterfall-item { margin-bottom: 15rpx; //break-inside: avoid; } .waterfall-img { width: 100%; }} <view class="wate
70
代码人生
01-01 08:00
代码人生
CSS3----盒模型新增样式
CSS3----盒模型新增样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{
69
代码人生
01-01 08:00
代码人生
css特效基础
css特效基础 css特效基础 CSS 径向渐变 径向渐变由其中心定义。 如需创建径向渐变,您还必须定义至少两个色标。 语法 background-image: radial-gradient(shape size at position, start-color, ..., last-color); 默认地,shape 为椭圆形,size 为最远角,position
67
«
1
2
...
69
70
71
72
73
74
75
76
77
»