码迷,mamicode.com
首页 >  
搜索关键字:阴影    ( 2033个结果
心里有了阴影,求阴影部分的面积
看到一道初中数学题;心里一下子有了阴影,求阴影的面积...
分类:其他好文   时间:2014-10-25 21:33:08    阅读次数:205
CSS3如何实现超出指定文本以省略号显示效果
作者:zhanhailiang 日期:2014-10-24 不做前端很久了,今天从重构师那里了解到CSS3已经可以实现很多以往必须通过JS才能实现的效果,如渐变,阴影,自动截断文本展示省略号等等强大效果,而且这些功能日渐成熟,已经大量用于生产环境。H5真的日渐成熟了,得恶补下了。 以下分享实现指定文本超出部分以省略号展示的Demo: style> .text1 { width...
分类:Web程序   时间:2014-10-24 23:39:25    阅读次数:384
hr去掉阴影部分,跨浏览器全兼容
看到网上好多人都是copy别人的答案,就连叙述都一个样的,网上叙述如下:html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果,去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为..
分类:其他好文   时间:2014-10-24 07:01:05    阅读次数:175
Retina时代的前端视觉优化
随着New iPad的发布,平板也将逐渐进入Retina时代,在高分辨率设备里图片的显示效果通常不尽人意,为了达到最佳的显示效果就需要对图片进行优化,这里介绍一些优化方法:一、用CSS替代图片这一点在任何时候都适用;只是在当前我们可以更多的使用样式表来制作出设计效果,CSS3的圆角、渐变、模盒阴影、...
分类:其他好文   时间:2014-10-22 17:38:40    阅读次数:173
【css】圆角 +文本阴影
1. css3 圆角http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-border-radius.html2. text shawdowhttp://www.w3.org/Style/Examples/007/text-shadow.en.ht...
分类:Web程序   时间:2014-10-21 19:31:02    阅读次数:230
CSS3样式运用,悬浮立体方块
前言作为后端开发者,了解前端是必须的,所以自己琢磨着弄了弄一个CSS3的阴影运用。我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体!效果图实现思路这里一共做了两边,一种是用UL,一种是用DIV啦。两种没什么区别,这里着重说DIV的方式。...
分类:Web程序   时间:2014-10-20 19:24:51    阅读次数:250
移动web开发经验总结
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3...
分类:移动开发   时间:2014-10-20 19:17:31    阅读次数:231
Creating Apps With Material Design —— Defining Shadows and Clipping Views
材料设计引入了深度的UI元素。深度帮助用户了解每个元素的相对重要性,以及集中注意力于手头的任务。 一个视图,通过Z属性表示的海拔,决定了它的影子的大小:具有较高的Z值的看法蒙上更大的阴影。浏览次数只投射阴影在Z=0平面上;他们不投在下面放置它们和上面的Z =0平面的其他意见的阴影。 具有较高的Z值的意见闭塞的看法与较低的Z值。然而,鉴于Z值不会影响视图的大小。 海拔也很有创建动画,其中的小部件暂时...
分类:移动开发   时间:2014-10-20 17:23:16    阅读次数:249
10款基于jQuery打造的大屏带导航焦点图
1.纯CSS3实现3D效果iPhone 6动画iPhone 6刚发布不久,今天我们就用纯CSS3来把iPhone 6的外观简单地绘制出来,记得是用纯CSS3实现的哦,没有用一张图片。由于CSS3特性的运用,整个iPhone 6手机边框带有阴影,很有立体3D的视觉效果。在线演示源码下载2.纯CSS3天...
分类:Web程序   时间:2014-10-20 14:59:55    阅读次数:270
[WebGL入门]二十六,纹理绘图
在片段着色器中对光进行计算,阴影,亮点等效果都非常的漂亮,3D场景的真实度大幅度提升。并且能和顶点颜色一起使用,理解了前面讲解的内容之后,就应该能进行比较高质量的3D渲染了。 这一次,来看高级一点的纹理的使用。所谓纹理,简单一点说,就是可以放到多边形上的图片数据,在WebGL中当然也可以使用。 WebGL和HTML不同,一般的图片类型(gif,jpg,png等)是不可以直接使用的,另外,也可以把canvas转换成纹理,总之,要变换一下方法来进行渲染。...
分类:Web程序   时间:2014-10-18 18:22:41    阅读次数:409
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!