看到一道初中数学题;心里一下子有了阴影,求阴影的面积...
分类:
其他好文 时间:
2014-10-25 21:33:08
阅读次数:
205
作者:zhanhailiang 日期:2014-10-24
不做前端很久了,今天从重构师那里了解到CSS3已经可以实现很多以往必须通过JS才能实现的效果,如渐变,阴影,自动截断文本展示省略号等等强大效果,而且这些功能日渐成熟,已经大量用于生产环境。H5真的日渐成熟了,得恶补下了。
以下分享实现指定文本超出部分以省略号展示的Demo:
style>
.text1 {
width...
分类:
Web程序 时间:
2014-10-24 23:39:25
阅读次数:
384
看到网上好多人都是copy别人的答案,就连叙述都一个样的,网上叙述如下:html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果,去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为..
分类:
其他好文 时间:
2014-10-24 07:01:05
阅读次数:
175
随着New iPad的发布,平板也将逐渐进入Retina时代,在高分辨率设备里图片的显示效果通常不尽人意,为了达到最佳的显示效果就需要对图片进行优化,这里介绍一些优化方法:一、用CSS替代图片这一点在任何时候都适用;只是在当前我们可以更多的使用样式表来制作出设计效果,CSS3的圆角、渐变、模盒阴影、...
分类:
其他好文 时间:
2014-10-22 17:38:40
阅读次数:
173
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的阴影运用。我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体!效果图实现思路这里一共做了两边,一种是用UL,一种是用DIV啦。两种没什么区别,这里着重说DIV的方式。...
分类:
Web程序 时间:
2014-10-20 19:24:51
阅读次数:
250
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
材料设计引入了深度的UI元素。深度帮助用户了解每个元素的相对重要性,以及集中注意力于手头的任务。 一个视图,通过Z属性表示的海拔,决定了它的影子的大小:具有较高的Z值的看法蒙上更大的阴影。浏览次数只投射阴影在Z=0平面上;他们不投在下面放置它们和上面的Z =0平面的其他意见的阴影。 具有较高的Z值的意见闭塞的看法与较低的Z值。然而,鉴于Z值不会影响视图的大小。 海拔也很有创建动画,其中的小部件暂时...
分类:
移动开发 时间:
2014-10-20 17:23:16
阅读次数:
249
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
在片段着色器中对光进行计算,阴影,亮点等效果都非常的漂亮,3D场景的真实度大幅度提升。并且能和顶点颜色一起使用,理解了前面讲解的内容之后,就应该能进行比较高质量的3D渲染了。
这一次,来看高级一点的纹理的使用。所谓纹理,简单一点说,就是可以放到多边形上的图片数据,在WebGL中当然也可以使用。
WebGL和HTML不同,一般的图片类型(gif,jpg,png等)是不可以直接使用的,另外,也可以把canvas转换成纹理,总之,要变换一下方法来进行渲染。...
分类:
Web程序 时间:
2014-10-18 18:22:41
阅读次数:
409