GitHub 博客园 Nanakon

随笔分类 -  111.CSS3

清除 iOS 下 input 表单的阴影
摘要:-webkit-appearance: none; 阅读全文

posted @ 2016-07-22 14:15 jzm17173 阅读(121) 评论(0) 推荐(0)

响应式
摘要:RICEQUANT JoinQuant 阅读全文

posted @ 2015-11-30 15:49 jzm17173 阅读(94) 评论(0) 推荐(0)

文字粒子化
摘要:事情没有想象中那么难--JX官网首页3D粒子效果 随便谈谈用canvas来实现文字图片粒子化 阅读全文

posted @ 2015-11-02 16:42 jzm17173 阅读(111) 评论(0) 推荐(0)

毛玻璃
摘要:小tip: 使用CSS将图片转换成模糊(毛玻璃)效果 阅读全文

posted @ 2015-10-23 09:52 jzm17173 阅读(99) 评论(0) 推荐(0)

content:attr()
摘要:123 阅读全文

posted @ 2015-10-23 09:32 jzm17173 阅读(120) 评论(0) 推荐(0)

动画
摘要:动画移除掉,直接没有效果了,过度移除掉,还有动画效果。@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}写成动画调试 CSS Keyframe 动画 阅读全文

posted @ 2015-09-18 18:14 jzm17173 阅读(98) 评论(0) 推荐(0)

【Flex布局】
摘要:Flex 布局教程:语法篇Flex 布局教程:实例篇 阅读全文

posted @ 2015-09-18 11:22 jzm17173 阅读(109) 评论(0) 推荐(0)

纯css切换左侧菜单
摘要:sidebar wrap 阅读全文

posted @ 2015-07-22 17:28 jzm17173 阅读(855) 评论(0) 推荐(0)

居中
摘要: 阅读全文

posted @ 2015-07-20 16:57 jzm17173 阅读(91) 评论(0) 推荐(0)

position: absolute 的元素自动对齐父元素 border 外边缘
摘要:Position with border outer edgeCSS box-flexalign-itemsjustify-content 阅读全文

posted @ 2015-07-20 16:46 jzm17173 阅读(520) 评论(0) 推荐(0)

text-decoration
摘要:了解CSS text-decoration新特性新表现 阅读全文

posted @ 2015-07-17 16:47 jzm17173 阅读(135) 评论(0) 推荐(0)

css3倒影
摘要:使用CSS3制作倒影img { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent) , to(r... 阅读全文

posted @ 2015-07-14 13:40 jzm17173 阅读(136) 评论(0) 推荐(0)

播放按钮
摘要: 阅读全文

posted @ 2015-04-09 14:16 jzm17173 阅读(108) 评论(0) 推荐(0)

【Animations】
摘要:这个比较高端了!CSS3动画帧数科学计算法 基于css的3d和动画 基于css的3d和动画(2) 如何使用JavaScript控制CSS Animations(动画)和Transitions(过渡) “文字”聚合、散出动画 用 CSS 和 JS 实现径向动画菜单的效果 阅读全文

posted @ 2015-03-27 17:02 jzm17173 阅读(113) 评论(0) 推荐(0)

-_-#【CSS3】CSS3 gradient transition with background-position
摘要:CSS3 gradient transition with background-position 阅读全文

posted @ 2014-03-19 15:12 jzm17173 阅读(432) 评论(0) 推荐(0)

-_-#【CSS3】浏览器前缀
摘要:前缀浏览器-khtmlKonqueror(非常老的 Safari)-mozFirefox-oOpera-msInternet Explorer-webkitSafari、Chrome、Silk、Android 和其他基于 Webkit 的浏览器 阅读全文

posted @ 2014-01-26 22:21 jzm17173 阅读(171) 评论(0) 推荐(0)

-_-#【media type / media query】
摘要:media type与media query媒体查询与http请求根据内容来决定应该在哪里设置断点以及需要设置多少个断点才是更好的方法 阅读全文

posted @ 2013-04-12 16:44 jzm17173 阅读(140) 评论(0) 推荐(0)

-_-#【CSS3】
摘要:消除疑问:CSS动画 VS JavaScriptCSS3实现四叶草、水母与玻璃瓶令人难以置信的纯CSS3图标和LogoCSS3 2D Transform 详细讲解理解CSS3 transform中的Matrix(矩阵)Web排版的缩放 阅读全文

posted @ 2012-05-28 12:50 jzm17173 阅读(181) 评论(0) 推荐(0)

导航

轻音