Search Results for "shadow"

<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN.

This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. Base64, the entire image file is embedded inside the <img> tag using base64, so no need for external hosting is needed.

Hover.css is a collection of CSS3 powered hover effects that is applicable to links, buttons, logos, and many more. It includes dozens of hover effects: a wide variety of 2D transitions, background transitions, icons, shadow and glow transitions and so much more. With Hover.css you have the power to make your elements and creations look more exciting and engaging with movement and style. All of Hover.css' effects are easy to apply and modify, so you can achieve the exact look you want. You can either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. ...

DiagonalLayout is another Android UI library aimed at enabling non-rectangular, more dynamic layout patterns: it provides a custom layout container whose sides (top, bottom, left, right) can be clipped diagonally, producing slanted, angled UI containers. This is especially useful when you want to build visually striking, non-conventional layouts — e.g. a header section on a profile screen with a diagonal bottom edge, a card with angled border, or image backgrounds slanted across the screen....

Font Mfizz is a scalable icon font featuring symbols for programming languages, operating systems, software tools, and technology themes—designed for "geek" style UIs. Icons are customizable via CSS and are available via CDN or direct download.