开发者

Simple Cute Blue Boxes

开发者 https://www.devze.com 2023-02-21 02:37 出处:网络
By any chance anyone know how the these cute blue boxes under \"Browse Categories\" are created? Is it simple css and javascript?

By any chance anyone know how the these cute blue boxes under "Browse Categories" are created? Is it simple css and javascript?

Once I know what they are called I can google something like "Cute Blue boxes generator" or something along those lines.

url with cute boxes: http://vimeo.com/categ开发者_JS百科ories


The majority of the styling is simply adding rounded corners to a light blue box. In CSS, a similar effect can be achieved (in modern browsers) with:

li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

Note Vimeo simply uses an image as a background:

http://a.vimeocdn.com/images/categories/cat_browse_on.png


It's a simple background image put there with CSS:

#cat_browse ul li.highlight {
    background: url(http://a.vimeocdn.com/images/categories/cat_browse_off.png);
}

Simple Cute Blue Boxes

0

精彩评论

暂无评论...
验证码 换一张
取 消