Css

css 字体旋转

                          <divv-else><imgsrc="/img/dashboard/nodata.png"><divstyle="color:#FFFFFF;font-size:12px;margin-left:23px;margi...
代码星球·2020-07-28

css text-shadow 空心字

color:#FFFFFF!important;text-shadow:1px1px#0DADC5,-1px-1px#0DADC5,1px-1px#0DADC5,-1px1px#0DADC5;...
代码星球·2020-07-28

css 样式div 斜边

      .triangle{width:0;height:0;margin-left:160px;border-bottom:40pxsolid#0059DF;border-left:10pxsolidtransparent;-webkit-transfo...
代码星球·2020-07-28

css3动画

因为今天不太舒服,所以就没有那么详细的写了,但是只是不分类,代码里面都也很详细的写了的。抱歉了。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype=...
代码星球·2020-07-24

css之3D变换

3D变换的x,y,z轴是分别效果是:x轴旋转的话,就是头和脚进行转动y轴旋转的话,就是左右手进行转动z轴旋转的话,就是整个身体平铺在旋转。上面是针对旋转的意思去,但是对于其他的类似一样,就是这样子去理解x,y,z轴的在哪里的transform:rotateX(360deg);transform:rotateY(360d...
代码星球·2020-07-24

CSS overflow

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><metaname="viewport"content="width=device-width,initial-sc...
代码星球·2020-07-24

css display

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><metaname="viewport"content="width=device-width,initial-sc...
代码星球·2020-07-24

HTML&CSS实体

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>常用标签</title></head><body><!--在HTML中,一些如<>这种特殊字符是...
代码星球·2020-07-24

css选择器和新增UI样式总结

经过两天的学习,初步对css3选择器和新增UI样式有了进一步的理解。...

css新增UI方案

一、文本新增样式  opacity不透明度h1{margin:100pxauto;opacity:0.5;}</style></head><body><h1>中山大学</h1></body>效果  rgba透明度(选中的就透明)一般应用在背景透明,...
代码星球·2020-07-24

css声明的优先级

选择器的特殊性  选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如0,0,0,0,0  一个选择器的具体特殊性如下确定  1、对于选择器给定的ID属性值,加0,1,0,0  2、对于选择器中给定的各个类属性,属性选择,或伪类,加0,0,1,0  3、对于选择器中给定的各个元素和伪元素,加0,0,0,1 ...
代码星球·2020-07-24

HTML5+CSS3 loading 效果收集--转载

用gif图片来做loading的时代已经过去了,它显得太low了,而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。这里收集了几十个用html5和css3实现的loading效果,以供学习参考。01.CSSRainbowLoaderDemo Download...

Css控制网页变灰

兼容IEchromeFirefox。。。。。html{filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1);} ...
代码星球·2020-07-24

stylie工具轻松搞定css3抛物线动画

 自从CSS3引入了动画(transition和@keyframes,还有与之搭配的transform)之后,写动画也变的越来多越来越容易。可是当我们遇到需要利用数学公式的复杂动画时,却一筹莫展,只能怪小时候数学没学好(可能是语文老师教的)。那么问题来了,但我拿到要实现这样的需求,该如何:可能我们会去苦恼,加...

css3 animation动画技巧

一,css3animation动画前言  随着现在浏览器对css3的兼容性越来越好,使用css3动画来制作动画的例子也越来越广泛,也随着而来带来了许多的问题值得我们能思考。css3动画如何让物体运动更顺畅,css3动画如何做弧线动画,css3动画是否有动画库,css3帧动画如何快速简单……&...
代码星球·2020-07-24