个人分类:看仿(4)

磁性遮罩层

磁性遮罩层

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><styletype="text/css">*{margin:0;padding:0;}ul,li,dl,dd{list-style:none;}span,em,i{font-style:normal;}.mask{background-color:rgba(0,0,0,0.6);opacity:0;position:absolute;left:0;top:0;z-index:5;}.mask-boxul{overflow:hidden;margin:0auto;}.mask-boxli{display:block;position:relative;float:left;}.mask-boxlia{display:block;}.mask-boxliimg{width:auto;height:auto;display:block;}</style><body><divclass="mask"><h3></h3></div><divclass="mas

一直学弄后台的一点东西,却毫无思绪。状态不佳,就把之前写过的小下滑线分享下,大家应该都会写,只是思路可能不一样

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>js</title></head><style>*{margin:0;padding:0;}.nav-box{position:relative;}ul{overflow:hidden;list-style:none;height:40px;line-height:40px;background-color:#000;}ulli{float:left;padding:015px;}ullia{display:block;font-size:18px;color:#fff;text-decoration:none;}ullia:hover{color:#ff00ff;}.line{position:absolute;bottom:0;left:0;display:block;height:3px;width:0px;background-color:red;}</style><body

发表于 2016-12-30 23:21:59

less的安装方法,使用方法自行百度,文中有错别字不想费事了,大家包涵

less的安装方法,使用方法自行百度,文中有错别字不想费事了,大家包涵

俗话说:“工欲善其事,必先利其器”。好的工具和方法可以极大的提高我们的工作效率,让我们走上人生巅峰,迎娶白富美!yy下。。。废话不多说,开怼。。我个人习惯用sublime,这里仅针对sublime了哈!!1、安装Sublime插件(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法:ctrl+shift+p>installPackage>输入less按Enter(2)安装LESS2CSS插件:这个插件的作用是当保存less文件的时候自动生成同名的css文件;当保存less文件的时候提示编译错误信息;批量编译项目目录下的所

发表于 2016-12-30 00:11:50

仿别人的效果,很简单的肯定有许多不足,希望指正!!

仿别人的效果,很简单的肯定有许多不足,希望指正!!

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>看别人仿写</title></head><style>*{margin:0;padding:0;}ul{width:100%;list-style:none;}ulli{overflow:hidden;float:left;position:relative;text-align:center;height:500px;cursor:pointer;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}liimg{display:none;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;}li:nth-child(1){background-color:re