box-shadow: 0 3px 4px rgba(51,51,51,.3); -moz-box-shadow: 0 3px 4px rgba(51,51,51,.3); -ms-box-shadow: 0 3px 4px rgba(51,51,51,.3); -webkit-box-shadow ...
分类:
其他好文 时间:
2016-12-17 17:00:06
阅读次数:
157
代码块html页面:<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <title>box-shadow</title></head><body> <divclass="bottom"></div> <divcla..
分类:
Web程序 时间:
2016-12-16 20:02:16
阅读次数:
186
css3边框: border-radius: 属性,添加像素,可以使边框角变圆,50px的边框为半圆形,50%则会变成一个椭圆形。 box-shadow: 属性,添加像素,颜色,例; <div style="width:100px; height:50px; box-shadow:30px 0px ...
分类:
Web程序 时间:
2016-12-07 20:21:34
阅读次数:
286
1、今天遇到一个问题,在给一个图片设置border-radius时,firefox和chrome表现正常,但是在IE中就无效,在IE中必须给图片设置一个边框,比如设置一个透明的边框就可以正常显示。 2、还有一个类似的问题是box-shadow,不设置边框的情况下在firefox和chrome表现正常 ...
分类:
Web程序 时间:
2016-12-04 14:26:36
阅读次数:
230
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
-webkit-box-shadow:000px1000pxwhiteinset!important;
background-color:rgb(0,0,0)!important;
background-p_w_picpath:none!important;
color:rgb(0,0,0)!important;
-webkit-tap-highlight-col..
分类:
其他好文 时间:
2016-11-30 23:27:47
阅读次数:
185
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>requestAnimationFrames</title> <style media="screen"> canvas { box-shadow: 0 0 10px black; ...
分类:
其他好文 时间:
2016-11-30 02:10:24
阅读次数:
117
技巧:通过一个DIV标签实现边框内圆角效果 背景知识:box-shadow, outline, “多重边框” 补充说明:博客园的编辑器把我写的border-radius属性给删掉了,所以看到的页面效果里没有圆角。 实现效果:一个容器的边框或者描边的四个角,在内部是有圆角的,而在外部依然保持直角的形状 ...
分类:
Web程序 时间:
2016-11-29 07:23:13
阅读次数:
240
html5增加了标签: <header>头部 <aside>侧边栏 <section>一个区块 <footer>尾部 css3增加的内容: border-radius 圆角 box-shadow 盒阴影 text-shadow 文字阴影 选择器: ...
分类:
Web程序 时间:
2016-11-27 16:44:53
阅读次数:
594
语法: box-shadow:none | [ , ]* = inset? && {2,4} && ? 默认值:none 适用于:所有元素 继承性:无 动画性:是,除了内、外阴影切换时 计算值:指定值 取值: none:无阴影 ①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②: 第2个... ...
分类:
其他好文 时间:
2016-11-25 20:38:17
阅读次数:
268