background preloader

Circle Hover Effects with CSS Transitions

Circle Hover Effects with CSS Transitions

70 Beautiful Free PSD UI Kits of 2013! Best Graphic Items In this collection, we are introduction some beautiful and useful free PSD UI Kits that you can download for free. So, you can design visually interactive and appealing user interfaces with our awesome free kits. All these kits are available in PSD format for easy modification. With these mobile user interface kits, designers can enhance their creations and make their mobile user interfaces look more interesting and appealing. Click on the “get this kits” links to go from where the UI kits has been taken. These UI kits suitable for mobile applications, custom website designs, software programs. UI KIT remake Get this Kits Fabric UI Kit Get this Kits Web GUI Kit Get this Kits Layered Facebook GUI PSD Kit Get this Kits Classic Grey Web UI Get this Kits Dark Grey iTunes UI Get this Kits Yellow Web UI Elements Kit Get this Kits Solid UI Kit Get this Kits Shiny UI Kit Get this Kits Lion OSX UI Kit Get this Kits iPad GUI PSD Get this Kits Tron UI Set Get this Kits Android Get this Kits Midnight UI Kit PSD Get this Kits

Medium-Style Article Transition Nevertheless, upon Stubb setting the anchor-watch after his supper was concluded; and when, accordingly, Queequeg and a forecastle seaman came on deck, no small excitement was created among the sharks; for immediately suspending the cutting stages over the side, and lowering three lanterns, so that they cast long gleams of light over the turbid sea, these two mariners, darting their long whaling-spades, kept up an incessant murdering of the sharks,* by striking the keen steel deep into their skulls, seemingly their only vital part. But in the foamy confusion of their mixed and struggling hosts, the marksmen could not always hit their mark; and this brought about new revelations of the incredible ferocity of the foe. They viciously snapped, not only at each other's disembowelments, but like flexible bows, bent round, and bit their own; till those entrails seemed swallowed over and over again by the same mouth, to be oppositely voided by the gaping wound. Nor was this all.

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Aloha Editor - HTML5 WYSIWYG Editor Caption Hover Effects - Demo 6 Previous Demo Back to the Codrops Article 20 ressources CSS pour vos sites web Pour booster votre créativité et votre productivité, je vous propose une petite sélection de nouvelles ressources CSS à utiliser dans vos futurs projets. Effets de survols, animations, effets d’images, bref de quoi avoir du style ! Ces dernières semaines, en arpentant le web à la recherche d’inspiration, j’ai sélectionné quelques snippets CSS qui vont faire plaisir aux développeurs front-end et aux webdesigners. Même si c’est plutôt rare pour un snippet gratuit, pensez toujours à vérifier s’il est libre d’utilisation avant de l’implémenter dans votre projet. Effets de survol Flat UI Effet lumineux avec CSS et SVG Un bien gros menu déroulant Une horloge murale en pur CSS Formulaire de commande en CSS UI d’une fiche Twitter Une simple barre de progression Modal box en CSS Une étagère en CSS Un fil de commentaires Une barre de navigation en CSS Un menu à onglets en pur CSS Un gros bouton animé Un petit menu vertical Un menu vertical avec images Flat radio bouton Des notifications en CSS Love boutons Bonus :

Trends in interactive design 2013 Café com Arte Bistro, 054 2621-5302 » 20 tutoriaux CSS3 pour vous préparer au futur du web Le web design évolue constamment, au grès des modes et des technologies. Les graphistes et designers doivent non seulement garder un oeil sur les nouvelles tendances mais aussi sur les dernières technologies comme jQuery, HTML5 et CSS3, qui permettent d’exprimer une plus grande créativité tout enrichissant l’expérience de l’utilisateur. Ces 20 tutoriaux CSS3 vous permettront d’apprendre à coder de superbes éléments web interactifs. Ajoutez ces sites à vos favoris, et prenez votre temps… N’hésitez pas à partagez de billet avec vos collègues / amis ! Ces 20 tutoriaux CSS3 ont été référencés sur web design ledger par Tomas Laurinavicius. Construisez rapidement une page annonce (teaser) en CSS3 Avec ce tutoriel, vous apprendrez à créer une page annonce en utilisant uniquement CSS. Créer un menu déroulant avec CSS3 Avec ce tutoriel relativement simple, vous apprendrez à coder un menu déroulant en CSS3 pour un résultat simple, propre et professionnel. Accordéon avec CSS3 Tableaux de prix en CSS3

Text Opening Sequence with CSS Animations A simple and fun text opening sequence effect with blurry letters using CSS animations. View demo Download source Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background. After seeing Introducting Briefs (which is not a terror movie trailer but a preview for an interesting app) I got inspired for recreating the effect using CSS. The idea is to blur text and make it appear with a rotation while animating the space between the letters. So, let’s do it. Please note: this is highly experimental and only works as intended in browsers that support the respective CSS properties. The idea is to have a couple of sentences fade in with the aforementioned effect, so we’ll want to wrap every appearing bit into an h2: Remember, this is just a experimental effect; let’s not be too strict with markup best practices :) And the last one?

Related: