随笔分类 -  CSS

上一页 1 2 3 下一页
CSS3 3D旋转下拉菜单--兼容性不太好
摘要：CSS 阅读全文
posted @ 2017-07-25 17:48 归尘2016 阅读(390) 评论(0) 推荐(0)
分页插件
摘要：CSS样式 JS 阅读全文
posted @ 2017-07-25 17:05 归尘2016 阅读(192) 评论(0) 推荐(0)
折叠字
摘要：CSS3 3D折叠翻转文字动画DEMO演示 3 D 折 叠 字 体 html,body{margin:0;padding:0;height:100%;} body{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit... 阅读全文
posted @ 2017-07-25 16:09 归尘2016 阅读(175) 评论(0) 推荐(0)
银行卡和手机号占位符
摘要：银行卡 手机号 HTML JS 阅读全文
posted @ 2017-04-17 16:39 归尘2016 阅读(384) 评论(0) 推荐(0)
防京东进度尺的金额
摘要：HTML CSS样式 JS 阅读全文
posted @ 2017-04-17 16:30 归尘2016 阅读(252) 评论(0) 推荐(0)
HMTL5滑动块研究
摘要：滑动块图片 html 第二个滑动的JS，rangeSlider.js 阅读全文
posted @ 2017-03-30 16:53 归尘2016 阅读(283) 评论(0) 推荐(0)
HTML5语义化
摘要：< title></title>：简短、描述性、唯一（提升搜索引擎排名）。 搜索引擎会将title作为判断页面主要内容的指标，有效的title应该包含几个与页面内容密切相关的关键字，建议将title核心内容放在前60个字符中。 <hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。 对 阅读全文
posted @ 2017-02-27 16:53 归尘2016 阅读(205) 评论(0) 推荐(0)
CSS3简单的栅格系统
摘要：高仿栅格系统 A A A A ... 阅读全文
posted @ 2016-11-23 18:22 归尘2016 阅读(1231) 评论(0) 推荐(0)
CSS知识图--转载
摘要： 阅读全文
posted @ 2016-11-23 10:19 归尘2016 阅读(135) 评论(0) 推荐(0)
压缩图片网址
摘要：https://tinypng.com/ 阅读全文
posted @ 2016-11-22 17:16 归尘2016 阅读(144) 评论(0) 推荐(0)
Css3新特性总结之边框与背景（一）
摘要：本系列主要总结Css3一些新特性的认识，来源于《css揭秘》书。 一、半透明边框 css3最好用hsla，而不是rgba，hsla是：h：颜色值(0~360)；s：饱合度(0%~100%)；l：亮度(0%~100%)；a：透明度(0~1) background-clip：裁剪背景颜色，默认为bord 阅读全文
posted @ 2016-11-22 10:06 归尘2016 阅读(257) 评论(0) 推荐(0)
display:box和display:inline-box的区别
摘要：display:box我想大家很熟悉，那么display:inline-box呢，今天在项目中需要设置这样的属性box-align：center,那么就想到用 display:box;如果设置BOX，那么宽度不能自适应，必须设置一个值，我找了一下，终于找到一个属性可以宽度自适应高度定死的弹性伸缩盒的 阅读全文
posted @ 2016-10-24 18:37 归尘2016 阅读(5444) 评论(0) 推荐(1)
H5中REM中使用的规则
摘要：计算APP高度 页面用rem为单位写，但注意点： 1.最外面的宽度用百分比，最好不要用rem 2.input中line-height不要用，如果字被截，那把文字大小缩小 3.高度要用rem 阅读全文
posted @ 2016-08-31 14:33 归尘2016 阅读(2721) 评论(0) 推荐(1)
CSS3混合模式mix-blend-mode/background-blend-mode简介 ，PS中叠加效果
摘要：一、CSS3 mix-blend-mode 首先，要知道”blend-mode”就是混合模式的意思。那mix, 恩，我也不知道为什么命名为mix, 可能是该属性不仅可以作用于HTML，还可以作用于SVG，干脆叫mix一起捋过来。该CSS属性作用是让元素内容和这个元素的背景以及下面的元素发生“混合”。 阅读全文
posted @ 2016-08-19 18:19 归尘2016 阅读(1198) 评论(0) 推荐(0)
移动端使用让图片或者div垂直居中
摘要：._limgMIiddle{ /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari, Chrome, and Opera */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:... 阅读全文
posted @ 2016-08-02 16:45 归尘2016 阅读(1005) 评论(0) 推荐(0)
把图片置灰
摘要：div{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } 阅读全文
posted @ 2016-05-25 18:22 归尘2016 阅读(191) 评论(0) 推荐(0)
让用户不能复制，选择
摘要：这段CSS千万不能放在*｛｝里面，不然会出现Input不能输入 阅读全文
posted @ 2016-05-25 14:04 归尘2016 阅读(142) 评论(0) 推荐(1)
移动 Web 开发技巧
摘要：1.使用click会出现绑定点击区域闪一下的情况，解决：给该元素一个样式如下 2.用iphone或ipad浏览很长的网页滚动时的滑动效果很不错吧？不过如果是一个div，然后设置height:200px;overflow:auto;的话，可以滚动但是完全没有那滑动效果，很郁闷吧.不过自从用了-webk 阅读全文
posted @ 2016-05-24 18:24 归尘2016 阅读(122) 评论(0) 推荐(0)
几个CSS3动画
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #preloader_1{ position:absolute; } #preloader_1 span{ display:block; bott 阅读全文
posted @ 2016-05-09 14:43 归尘2016 阅读(192) 评论(0) 推荐(0)
animation动画兼容所有手机
摘要：.canvasAnim{ position: absolute; width:240px; height:240px; top:0; z-index:60; top:-20px; left:-5px; border-radius:120px; backg... 阅读全文
posted @ 2016-05-03 15:15 归尘2016 阅读(603) 评论(0) 推荐(0)

上一页 1 2 3 下一页