background preloader

Caption Hover Effects - Demo 7

Caption Hover Effects - Demo 7
Previous Demo Back to the Codrops Article

http://tympanus.net/Tutorials/CaptionHoverEffects/index7.html

Related:  WorkaholicscssФішки

CSS Tooltips - CSSPortal CSS Tooltips Have you ever wanted to create toolips with just CSS code? Like many people the answer is yes. In this tutorial we will go through the process and show you exactly how this can be done without using any javascript or images, only pure CSS code. Firstly let’s explain what a tooltip is: A tooltip is a brief message that will appear when you hover over a link, this message might be a simple sentence explaining where the link will take us or just stating some relevant information about the link.

Waves Action/Event Works fully with jQuery and JavaScript click event handlers, like Snarl Download the latest version of Waves from Github repository. Caption Hover Effects A tutorial on how to create some subtle and modern caption hover effects. View demo Download source Today we want to show you how to create some simple, yet stylish hover effects for image captions.

Gamma Gallery - A Responsive Image Gallery Experiment Assemblage Becoming Sky high Life Beleaguer Chatoyant Denouement Desuetude Diaphanous Desuetude Languor Inglenook Forbearance Penumbra Mondegreen Plethora Onomatopoeia Wafture Cynosure Epiphany Felicity Serenity Furtive Glamour Inure Labyrinthine Lagoon Desire Leisure Softness Moiety Nemesis Panacea Scintilla Example for loading more items...

The 10 Commandments of Good Form Design on the Web – Mono 1. Thou shalt provide clear, always visible labels for each field There is a trend in web design to show form labels only when a field is focussed. This can be cool on a simple form like a username/password form, but for anything longer it is probably a bad idea. When you have the space to show labels, do so. CSS3: Animations vs. Transitions In CSS, you have two techniques for visualizing change that are competing for your attention: Animations & Transitions. In this article, let's examine the similarities and differences between them so that you can know when to use which. To make the most of this article, it would be helpful for you to be familiar with using both animations and transitions. If you haven't had a chance to get your hands dirty with them, the Creating a Simple CSS Animation and Looking at CSS3 Transitions tutorials will help you get started. Similarities From a distance, both animations and transitions are very similar.

Image Tilt Effect How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Options Nifty Modal Window Effects A set of experimental modal window appearance effects with CSS transitions and animations. View demo Download source Today we want to share some ideas for modal window effects with you.

Create an Art Brush in Illustrator ~ Creative Market Blog If you've ever used art brushes in Adobe Illustrator, you know first-hand how they can be used to easily transform vector artwork into something that looks charmingly handmade. In this display shot of my product, The Brush Studio, handmade chalk brushes are applied to borders, ornaments, and stroke-editable text. An art brush applies vector artwork to a path or shape in Illustrator. Adobe Illustrator comes with many different libraries of art brushes, including pencil, ink, and chalk.

Design in the browser with web fonts and real content by Aral Balkan One of the iconic representations of the digital age is an image of the ubiquitous digital screen, stereotypically represented as a grid of brightly-lit pixels. This, like many of our other traditional perceptions of digital and interactive experiences, are either changing or being replaced altogether as we enter the post-PC era. New devices have such high resolution displays that individual pixels become imperceptibly small. Other devices, like the Amazon Kindle, eschew pixels altogether — opting to use electronic ink. These new devices are radically transforming what is possible in digital visual design and this has radical implications for digital typography.

Related: