前言 作为后端开发者,了解前端是必须的,所以自己琢磨着弄了弄一个CSS3的阴影运用。 我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体! 效果图 实现思路 这里一共做了两边,一种是用UL,一种是用DIV啦。 两种 ...
一直觉得ol自带的Popup的样式太难看,后来也换了一套自己的皮肤,感觉展示效果还是不怎么地。 看到leafet上的样式挺不错的: 就自己搞个了个,popup主体加个圆角和阴影: popup的那个小箭头:矩形旋转 度,使用transform:rotate deg 来实现。另外针对不同的浏览器还需要添加不同的hack,例如Opera的 o transform Firefox的 moz transfo ...
2012-09-27 08:49 5 3639 推荐指数:
前言 作为后端开发者,了解前端是必须的,所以自己琢磨着弄了弄一个CSS3的阴影运用。 我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体! 效果图 实现思路 这里一共做了两边,一种是用UL,一种是用DIV啦。 两种 ...
border-radius:允许向元素添加圆角 box-shadow:阴影 设置多层阴影 box-shadow:10px 10px 5px 5px gray,15px ...
text-shadow 属性仅仅是用来设置文本阴影的,似乎并不能实现字体发光效果。其实不然,这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时,阴影就和文本重合了。 ...
作为新手,有的时候在写css时分不清什么属性需要用到前缀,或者用什么前缀,下面是我平时学习的一些总结。 在了解这些前缀之前,先介绍一下各大主流浏览器的内核: IE——trident(国内很多双核浏览器的其中一核就是trident) Opera——Blink(presto已废弃 ...
linear-gradient linear-gradient是CSS3中新增的样式,主要用于颜色的渐变效果。MDN地址 linear-gradient在不同内核下使用方式不同,详细内容可参考w3cplus 实用栗子(在Chrome下) 缺角效果 先看效果图 ...
要使三大浏览器都可以兼容到,我也在看着大神的代码尝试一下 html { overflow: -moz-hidden-unscrollable; height: 100%; } b ...
border-radius实现圆角效果 view source print ? 1. 1 CSS3代码: 2. ...