css3
ljinkai_ljk
这个作者很懒,什么都没留下…
展开
-
推荐12个漂亮的CSS3按钮实现方案
在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy But转载 2013-11-15 09:32:09 · 462 阅读 · 0 评论 -
移动web开发知识
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。META相关1. 添加到主屏后的标题(IOS)<meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果)<meta name="ap原创 2015-06-09 14:15:10 · 1937 阅读 · 0 评论 -
CSS3 2D Transform 详细讲解
CSS3 2D Transform 详细讲解十一月 18, 2013 by 遇见sharon在一个二维或三维空间,元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴,也就是大家常说的水平轴和垂直轴;而3D变形工作在X轴和Y 轴之外,还有一个Z轴。这些3D变换不仅可以定义元素的长度和宽度,还有深度。我们将首先讨论元素在2D平面如何变换,然后我们在进入3D变换的讨论。转载 2013-11-19 22:58:49 · 1311 阅读 · 0 评论 -
WebApp前端常用属性总结
禁止网页在移动设备上缩放width - device-width(设备的的宽度),height - device-height(设备的的的高度),initial-scale - 初始的缩放比例,minimum-scale - 允许用户缩放到的最小比例, maximum-scale - 允许用户缩放到的最大比例,user-scalable - 用户是否可以手动缩放 name="vie转载 2013-11-28 09:22:06 · 970 阅读 · 0 评论 -
transform3D和fixed冲突问题;ios的输入框头部边线阴影问题
1 点击打开链接原来的fixed可以相对于窗口整个fixed,但是原创 2014-06-19 15:54:50 · 1051 阅读 · 0 评论 -
CSS animations 和 transitions的性能问题
深入浏览器理解CSS animations 和 transitions的性能问题原创 2014-07-03 15:52:23 · 763 阅读 · 0 评论 -
5种你未必知道的JavaScript和CSS交互的方法
5种你未必知道的JavaScript和CSS交互的方法2014年4月1日 SANTIAGO1条评论31 随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和.css转载 2014-04-21 14:42:37 · 418 阅读 · 0 评论 -
一些上流的CSS3图片样式
译自:CSS3 Image Styles中文:CSS3图片样式请尊重版权,转载请注明来源,多谢~~直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们。不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程,讲解如转载 2014-04-01 22:41:02 · 567 阅读 · 0 评论 -
漂亮css3实现的loading
http://www.16code.com/css3-loading-show/转载 2014-02-12 22:31:30 · 621 阅读 · 0 评论 -
使用css3和js对日期时间进行美化
原文地址转载 2013-12-27 09:41:20 · 932 阅读 · 0 评论 -
Android4.3下的webapp点击穿透问题
android4.3(iphone下正常),场景是上面一个div,但是用了滚动,超出的内容用了overflow:auto,下面也是一个div,有一些按钮,但是点击这些按钮的时候,如果正好在上面div里有一张图片绑定了点击事件,会直接触发图片的点击事件,按理说这两个div没有什么关系,却会出现这种奇怪的现象。尝试:1 pointer-events 2 event.sto原创 2013-12-03 21:33:35 · 1269 阅读 · 0 评论 -
移动开发知识点
1、先来看淘宝无线wiki要求在页面中添加的meta标签。第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏转载 2013-12-02 21:45:19 · 601 阅读 · 0 评论 -
css之flexbox
移动端部分浏览器对于fixed支持颇为棘手,经过亲身实践和查阅大量资料,得到以下兼容列表:ios safari --ios5+强力支持,ios4及更早版本不支持android 2.1 --及更早版本不支持android 2.2 --支持android 2.3 --支持,需要设置页面不可缩放,即: an转载 2013-12-02 21:47:12 · 903 阅读 · 0 评论 -
基于web技术的高性能动画
开门见山地来讲,现代浏览器在position(定位)、scale(伸缩)、rotation(转换角度)与opacity(透明度)这四个属性运行动画的成本是很低的。如果你进行其他方面的动画,那就看你的运气能不能看到60FPS的平滑运动效果。此处省去N个字与YOUTUBE视频……(注:可以爬墙的同学可以去看看这个视频,该视频是CSS 动画中达到相同效果分别采用 top/left 与tr转载 2013-11-30 10:18:29 · 868 阅读 · 0 评论 -
CSS3 pointer-events介绍
原文地址:http://www.qianduan.net/css3-pointer-event-description.html参考地址:http://css-tricks.com/pointer-events-current-nav/ http://www.thecssninja.com/javascript/pointer-events-60fps转载 2013-11-26 21:32:37 · 691 阅读 · 0 评论 -
CSS3 pointer-events:none应用举例及扩展2
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2091一、pointer-events:none是?pointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开转载 2013-11-26 22:26:17 · 589 阅读 · 0 评论 -
独立开发-我的小众产品群合影工具如何从0到1
很多人可能知道微信群合影这个小工具,这是我做的其中一个小产品。今天就给大家分享下我做这个小产品的过程和思考,虽然没有赚很多钱,但我想把真实的过程写出来,从0到1的这个过程,相信对于那些没有变现过的小产品还是有帮助的。如果我的分享能让你有一点点启发,那我也会很高兴。文章主要包含如下内容:想法是怎么产生的?加速落地,夜长梦多如何面对用户的抱怨?想办法赚到第一块钱想法就在你身边记得是在...原创 2019-06-29 10:10:43 · 872 阅读 · 0 评论