【openlayers】CSS3样式的Popups
一直觉得ol自带的Popup的样式太难看，后来也换了一套自己的皮肤，感觉展示效果还是不怎么地。 看到leafet上的样式挺不错的： 就自己搞个了个，popup主体加个圆角和阴影： popup的那个小箭头：矩形旋转45度，使用transform: rotate(45deg)来实现 ...
原文：CSS3样式运用，悬浮立体方块
前言 作为后端开发者，了解前端是必须的，所以自己琢磨着弄了弄一个CSS 的阴影运用。 我记得这应该是以前淘宝用过的，PS：现在跑到淘宝去看，好像没有找到了。现在流行扁平化设计，没有了阴影，没有了立体 效果图 实现思路 这里一共做了两边，一种是用UL，一种是用DIV啦。 两种没什么区别，这里着重说DIV的方式。 父容器下有三个子元素DIV，全部左浮动，然后设置z index。选中的 突出的 DIV ...
2014-10-20 18:12 3 1516 推荐指数：
相关推荐
关于CSS3样式中的前缀问题
作为新手，有的时候在写css时分不清什么属性需要用到前缀，或者用什么前缀，下面是我平时学习的一些总结。 在了解这些前缀之前，先介绍一下各大主流浏览器的内核： IE——trident（国内很多双核浏览器的其中一核就是trident） Opera——Blink（presto已废弃 ...
CSS3样式linear-gradient的使用
linear-gradient linear-gradient是CSS3中新增的样式，主要用于颜色的渐变效果。MDN地址 linear-gradient在不同内核下使用方式不同，详细内容可参考w3cplus 实用栗子（在Chrome下） 缺角效果 先看效果图 ...
隐藏滚动条的css3样式
要使三大浏览器都可以兼容到，我也在看着大神的代码尝试一下 html { overflow: -moz-hidden-unscrollable; height: 100%; } b ...
CSS3样式中新添加的属性
border-radius：允许向元素添加圆角 box-shadow：阴影 设置多层阴影 box-shadow:10px 10px 5px 5px gray,15px ...
CSS3样式_实现字体发光效果
text-shadow 属性仅仅是用来设置文本阴影的，似乎并不能实现字体发光效果。其实不然，这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时，阴影就和文本重合了。 ...
CSS3样式linear-gradient的使用（切角效果）
linear-gradient linear-gradient是CSS3中新增的样式，主要用于颜色的渐变效果。MDN地址 linear-gradient在不同内核下使用方式不同，详细内容可参考w3cplus 实用栗子（在Chrome下） 缺角效果先看 ...
漂亮的优惠劵css3样式大集合
学前段好还是后端 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...