码迷,mamicode.com
首页 >  
搜索关键字:边框阴影    ( 81个结果
box-shadow和flex布局的应用
昨天拿到设计稿后,发现设计师设计的边框阴影比较特别,我平常没有接触过。所以一开始我是直接切图和把边框当做背景来使用。等把页面全部做来后,我在网上搜了box-shadow相关方面的文章,发现还是有很多牛人总结了。下面就是我学习后的结果。 ...
分类:其他好文   时间:2015-07-27 20:33:23    阅读次数:113
兼容低版本IE浏览器的边框阴影效果
兼容低版本IE浏览器的边框阴影效果:使用box-show属性可以实现边框阴影效果,但是IE8和IE8以下浏览器不支持此属性,不过可以通过以下方式实现,当然实现全兼容的方式有多种,下面是一种比较简陋的方式,代码实例如下:蚂蚁部落 蚂蚁部落欢迎您上面代码实现了模拟的阴影效果,当然比较粗糙,不过在一定情....
分类:其他好文   时间:2015-07-10 18:49:56    阅读次数:98
css3快速复习
选择器边框、阴影 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
好玩的WPF第一弹:窗口抖动+边框阴影效果+倒计时显示文字
大家一进到博客就应该看到这张GIF了吧……好吧,今天不是星期一……那么就来一起做做这个效果啦!看完记得点赞哦~新建一个WPF项目如果新建WPF项目应该不用我说了吧,在C#下面找找就好了。MainWindow.xaml在初始的Window下添加如下属性:x:Name="mainWindow" WindowStartupLocation="CenterScreen" WindowState="N...
分类:Windows程序   时间:2015-06-10 22:35:31    阅读次数:330
css3边框、阴影
一、图像边框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边框阴影效果
下面来说下css3阴影的语法: box-shadow:none | [ , ]* = inset? && [ {2,4} && ? ] 取值: none: 无阴影 ①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 ③: 如果提供了...
分类:Web程序   时间:2015-05-31 23:10:30    阅读次数:153
CALayer_简单概述
CALayer 它是一个图层,每个UIView在创建的时候都会自动创建一个CALayer ,UIView之所以能够显示在屏幕上,是因为内部的图层CALayer,UIView 本身不具备显示功能,真正显示的是图层layer 通过操作UIView的layer 可以调整view的界面, 包括边框 阴影 圆...
分类:其他好文   时间:2015-05-28 00:41:59    阅读次数:139
CSS3
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
81条   上一页 1 ... 5 6 7 8 9 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!