css
文章平均质量分 82
薄荷糖丷微微凉
加油~!
展开
-
photoshop切图
面板:1.文件---新建(快捷键ctrl+n)---大小(web 1920*1080)/分辨率 72/背景内容 透明2.面板:信息 字符 图层 历史记录3.信息面板右上角---面板选项---RGB颜色 像素 文档尺寸4.编辑---首选项---单位与标尺---标尺和文字的单位改成像素5.窗口---空作区---新建工作区 建立自己的切图工作区 注意:1.最上翻译 2016-09-23 15:42:56 · 423 阅读 · 0 评论 -
20 个 CSS 高级技巧汇总
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}...转载 2018-04-17 17:36:15 · 201 阅读 · 0 评论 -
前端面试题
IE(IE内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)转载 2016-10-25 14:34:07 · 312 阅读 · 0 评论 -
树形左侧菜单栏
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{margin: 0px; padding: 0px;} .list{ width: 300px; margin: 50px auto;原创 2016-12-13 17:28:43 · 3831 阅读 · 1 评论 -
CSS3中的动画,animation、transition和transform属性的运用
1.transition属性个人非常习惯用transition过度属性,简单易用。大家称他为animation简化版本。例如:.contain{width: 392px; position: relative; bottom: -20px; opacity: 0;}.contain.on{ bottom: 0;转载 2016-10-26 09:03:07 · 791 阅读 · 0 评论 -
link和@import的区别
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 两者都是外部引用CSS的方式,但是存在一定的区别:转载 2016-10-25 14:29:59 · 178 阅读 · 0 评论 -
旋转的3D盒子
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> .camera { width: 200px; height: 200px; perspective-or;igin: center;翻译 2016-10-25 14:07:32 · 304 阅读 · 0 评论 -
gallery的hover事件效果
1..gallery-grid:hover img { opacity:8; transition: all 300ms!important; -webkit-filter: grayscale(100%); -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important;转载 2016-09-23 09:18:10 · 577 阅读 · 0 评论 -
bootstrap轮播图不能自动播放
先看一下Carousel的正确写法(代码,这里使用的是Bootstrap 3.2版本):carousel-ad" class="carousel slide" data-ride="carousel">1、首先注意的部分是data-ride="carousel"默认使用Bootstr翻译 2016-09-26 14:49:17 · 17455 阅读 · 2 评论 -
div图层出现滚动条
style="border: 1px solid gray;width:100%;height:350px;line-height:350px;overflow:auto;overflow-x:hidden;">转载 2016-09-23 15:47:47 · 351 阅读 · 0 评论 -
纯css选项卡
代码这里主要使用表单的单选按钮来实现这个TAB显示和隐藏,首页tab里的内容默认隐藏,如果单选按钮为选中状态(checked)就显示内容。具体请看下面代码。关于兼容性,因为是用CSS3来制作的,所以如果不支持CSS3的浏览将会出现不兼容的情况。HTML代码<ul class="tabs"><li><input type="radio" nam...转载 2018-12-06 17:06:20 · 332 阅读 · 0 评论