昨天拿到设计稿后,发现设计师设计的边框阴影比较特别,我平常没有接触过。所以一开始我是直接切图和把边框当做背景来使用。等把页面全部做来后,我在网上搜了box-shadow相关方面的文章,发现还是有很多牛人总结了。下面就是我学习后的结果。 ...
分类:
其他好文 时间:
2015-07-27 20:33:23
阅读次数:
113
兼容低版本IE浏览器的边框阴影效果:使用box-show属性可以实现边框阴影效果,但是IE8和IE8以下浏览器不支持此属性,不过可以通过以下方式实现,当然实现全兼容的方式有多种,下面是一种比较简陋的方式,代码实例如下:蚂蚁部落 蚂蚁部落欢迎您上面代码实现了模拟的阴影效果,当然比较粗糙,不过在一定情....
分类:
其他好文 时间:
2015-07-10 18:49:56
阅读次数:
98
选择器边框、阴影 border-radius: 50%; 设置正圆形背景的改变CSS3重要的新东西: ● transition 过度,让一个元素从一个样式,变为另一个样式,不再是干蹦了,而是有动画,均匀的完成。 transition属性要写给元素的原来样式中, transition:要过度的...
分类:
Web程序 时间:
2015-06-27 09:39:39
阅读次数:
128
本文介绍如何给标签以及图像添加阴影效果,用户还可以给网页中一些元素添加轮廓效果。
box-shadow属性是给对象实现图层阴影效果。
box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影拓展半径 阴影颜色;
投影方式 此参数是一个可选值,如果不设值,其默认的投影方式是外阴影;如果取其唯一值"inset",就是将外阴影变成内阴影。
X轴偏移量 指...
分类:
其他好文 时间:
2015-06-14 20:06:04
阅读次数:
143
大家一进到博客就应该看到这张GIF了吧……好吧,今天不是星期一……那么就来一起做做这个效果啦!看完记得点赞哦~新建一个WPF项目如果新建WPF项目应该不用我说了吧,在C#下面找找就好了。MainWindow.xaml在初始的Window下添加如下属性:x:Name="mainWindow"
WindowStartupLocation="CenterScreen"
WindowState="N...
一、图像边框border-image语法:border-image:border-image-source(图片)|| border-image-slice(裁剪位置)|| border-image-repeat(重复性);例子:border-image:url(xxx.jpg) 33.3%(可以有...
分类:
Web程序 时间:
2015-06-09 13:43:24
阅读次数:
225
下面来说下css3阴影的语法: box-shadow:none | [ , ]* = inset? && [ {2,4} && ? ] 取值: none: 无阴影 ①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 ③: 如果提供了...
分类:
Web程序 时间:
2015-05-31 23:10:30
阅读次数:
153
CALayer 它是一个图层,每个UIView在创建的时候都会自动创建一个CALayer ,UIView之所以能够显示在屏幕上,是因为内部的图层CALayer,UIView 本身不具备显示功能,真正显示的是图层layer 通过操作UIView的layer 可以调整view的界面, 包括边框 阴影 圆...
分类:
其他好文 时间:
2015-05-28 00:41:59
阅读次数:
139
CSS3 边框CSS3 圆角边框border-radius:div{ border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */}CSS3 边框阴影box-shadow:div{ ...
分类:
Web程序 时间:
2015-05-18 20:07:36
阅读次数:
114