jf123qwe的精彩笔记
  • 最全前端资源合集(转)

    非常全,分享给大家!综合类综合类 地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html前端知识结构 https://github.com/JacksonTian/fks前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.htmlWeb前端在线开发网站 http://www.hubwiz.com/course/?type=webWeb前端开发大系概览-中文版 http://ww
  • CSS中强大的EM

    使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。这篇教程将
  • 仿拉勾网首页穿墙广告效果

    分享代码如下:<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{ overflow:hidden; width:630px; margin:100px auto;}ul li{ float:left; position:relative; width:200px; height:200px
  • 鼠标悬浮于div图层出现css3渐变动画效果

    分享效果代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>CSS3 Menu</title> <style type="text/css"> *{ margin:0; padding:0; box-sizing: } body{ background:#CCCAA1; font-family: sans-serif; } ul li{ list-
  • 一个DIV元素实现的动画

    分享代码如下:<!doctype html><html><head><meta charset="UTF-8"><title>效果</title><style>.inner { width: 960px; margin: 0 auto;}.load-container { border: 1px solid rgba(255, 255, 255, 0.2); width: 240px; height: 240px; float: left; position:
  • 菜单栏 “三” 变形为“X”css3过渡动画

    分享一篇文章给大家。最近要模仿一个页面,其中有一个效果就是 三 菜单栏 变形为 X 的效果,思路:三横的实现:传统可以用3个span标签来实现,但有一个更加巧妙的方法,1个标签就能实现三横效果,根据张鑫旭大神分享的利用padding用一个标签实现 三 的效果,大概原理是上中下横线分别用 border-top,背景,border-bottom。