2017年9月30日
CSS3 Flex实现元素的水平居中和垂直居中
摘要： CSS3 Flex实现元素的水平居中和垂直居中 转载 2017年03月06日 23:07:20 转载 2017年03月06日 23:07:20 网上有很多关于Flex的教程，对于Flex的叫法也不一，有的叫Flexbox，有的叫Flex，其实这两种叫法都没有错，只是Flexbox旧一点，而Flex是 阅读全文
posted @ 2017-09-30 16:37 南瓜壳 阅读(4448) 评论(0) 推荐(0) 编辑
sublime编辑器的插件
摘要： 一、安装及安装emmet插件 首先,去sublime官网下载软件：http://www.sublimetext.com/ ， 软件很小，我用的是最新版的text3，大家可以用目前稳定版text2。打开它的官网，我们就可以看到几个动画，演示sublime的强大功能。 其次，软件安装好了之后，我们来安装 阅读全文
posted @ 2017-09-30 15:37 南瓜壳 阅读(174) 评论(0) 推荐(0) 编辑
2017年9月28日
window.onload和$(function(){})的区别
摘要： window.onload是js原生的事件，$(function(){})是Jquery的方法(等价于$(document).ready(function(){}) )，两者主要有以下几点差别：1、window.onload：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个2、$(func 阅读全文
posted @ 2017-09-28 14:37 南瓜壳 阅读(377) 评论(0) 推荐(0) 编辑
2017年9月27日
WOW
摘要： wow.js中各种特效对应的类名 一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。） 刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇，现在自己依葫芦画瓢也能弄出来这种效果了。 虽然效果出来了，但是网上并没有整理好的各种特 阅读全文
posted @ 2017-09-27 13:59 南瓜壳 阅读(142) 评论(0) 推荐(0) 编辑
2017年9月12日
transform: translateY(-50%) 实现元素垂直居中效果
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 .center { 8 height: 500px; 9 background:# 阅读全文
posted @ 2017-09-12 09:10 南瓜壳 阅读(316) 评论(0) 推荐(0) 编辑
2017年9月11日
文字超出隐藏并显示省略号
摘要： <br /><style type="text/css">.css1{ color:#6699ff;border:1px #ff8000 dashed; margin-bottom:20px; width: 20em;/*不允许出现半汉字截断*/}.css2 { overflow: hidden; 阅读全文
posted @ 2017-09-11 17:02 南瓜壳 阅读(349) 评论(0) 推荐(0) 编辑
一个神奇的鼠标移入效果 用css完成的
摘要： css动画的动画制作没有什么特别高深的地方，引入少量的css代码就能实现丰富多彩的页面效果是作为一个web前端开发者所推崇的，但我想要强调的是掌握并深入的理解css的基础，以及灵活的运用是做出一个画面美观、代码简洁、性能高效的css动画的必备技能。今天，我也就不再多做赘述，我就来说一说我在做css动 阅读全文
posted @ 2017-09-11 16:03 南瓜壳 阅读(3332) 评论(0) 推荐(0) 编辑
CSS3中文参考指南
摘要： CSS3中文参考指南Bordersborder-color：控制边框的上右下左方向的颜色要和border-style:soild一起使用 border-image：边框为图片水平和垂直的平铺 border-radius：圆角属性Backgroundsbackground-origin：padding 阅读全文
posted @ 2017-09-11 10:37 南瓜壳 阅读(193) 评论(0) 推荐(0) 编辑
2017年9月8日
小效果储备
摘要： 点击图片有个变化效果.index_news_img img{ display: block; height: 258px; width: 386px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0 阅读全文
posted @ 2017-09-08 11:06 南瓜壳 阅读(81) 评论(0) 推荐(0) 编辑
2017年9月7日
一些可以用到的网址
摘要： https://www.zhihu.com/question/60517583 前端一些常用的插件 iamjoel/front-end-plugins github里面的网址很多效果 阅读全文
posted @ 2017-09-07 14:11 南瓜壳 阅读(138) 评论(0) 推荐(0) 编辑