Search Results For: effects

CSS / 27 Feb 2012

Super Sweet CSS 3D Text Effects With Sass and LESS

I was recently discussing the merits and various features of CSS preprocessors with a colleague. We covered all of the basics: how it’s great to have variables and how mixins can save you an incredible amount of coding time. When the conversation turned to some of the more obscure features though things got interesting. When I brought up the various color operations, my colleague boldly proclaimed that no “real designer” could ever find a legitimate excuse for using this feature and not picking his own colors manually.

In the words of Barney Stinson, “challenge accepted!” Today we’re going to create an awesome faux 3D text effect with pure CSS and then see why it’s a lot easier to do it with the color operations in Sass or LESS.

CSS / 16 Feb 2012

4 Fun CSS Image Effects You Can Copy and Paste

Once upon a time we relied purely on Photoshop to create fancy image effects. These days though we’re turning more and more to pure CSS to add eye candy to our images. Applying custom image treatments using code makes for an infinitely flexible workflow that’s easy to tweak at any time.

Today I’ll walk you through creating some extremely simple and fun CSS image tricks. From polaroids to vignettes, you won’t believe what we can pull off.

CSS / 14 Dec 2011

Four Simple and Fun CSS Button Hover Effects for Beginners

Today we’re going to take a step back from advanced discussions about CSS preprocessors and return to some good old basics. We’ll work up four super simple CSS buttons, each with a unique animated hover effect.

Follow along with me and create your own fun button styles. Also feel free to grab my code and use it on your projects. If you’re a CSS newbie looking for a good way to make your buttons more interesting, this article is for you!

CSS / 29 Nov 2011

Create Five Awesome Hover Effects Using CSS Multiple Backgrounds

Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions and CSS transitions to create some really cool effects.

Follow along as we code five different applications of this idea that you can copy and paste to create your own awesome hovers.

CSS / 5 May 2011

5 Cool CSS Hover Effects You Can Copy and Paste

Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration.

If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy.

CSS / 9 May 2008

Introduction to CSS3 – Part 3: Text Effects

The third part in this series on CSS3 will be delving into the new text effects. Typography is, without any doubt, one of the most important aspects to get right when designing a layout. Type can draw the reader through a page, give a certain impression, provide impact, be subtle, or aid in separating content.

CSS is already reasonably versatile in the way in which text can be displayed, but still constricts design in quite a few areas. CSS3 goes some way towards removing those limitations.

Logo Templates / 15 Jun 2026

160 Awesome Logo Mockup Templates (PSD & Vector) 2026

Logo design plays a crucial role when it comes to the success of a business. And great logo mockup templates not only help you better present your logo design but can also make your logo design process more streamlined and efficient.

In order to help you present a logo design to your client in a super-polished way, we’ve gathered the best logo mockup templates from across the web.

All of these logo mockups are easy to use and can present your logo beautifully. Some are free, while others cost a few dollars.

Are you in the middle of a logo design project? Don’t forget to check out our in-depth guide on how to design a logo!

Lightroom Presets / 19 May 2026

20+ Exceptional Lightroom Presets for Editing Smartphone Photos

Lightroom presets are a game-changer for anyone looking to make their smartphone photos look professional with just a single tap.

They allow you to apply complex color grades and lighting adjustments instantly, saving you from the hassle of moving dozens of sliders manually.

In this collection, you will find a variety of smartphone Lightroom presets specifically designed to handle the unique lighting and colors of mobile photography.

These effects help you establish a consistent aesthetic for your social media feed, blog, or personal portfolio.

Lightroom Presets / 19 May 2026

20+ Highest-Rated Retro Lightroom Presets for Groovy Vibes

Today, we are bringing you retro Lightroom presets that focus on groovy looks inspired by color palettes, textures, and visual character from decades past.

These Lightroom presets enhance tones and contrast in ways that feel both artistic and intentional, with warm amber hues and gentle grain that evoke a cozy, analog feel.

Perfect for photographers, content creators, and editors looking to infuse mood into their images, these presets make enhancements simple and effective.

With the right retro preset, your photos will glow with personality and groovy, retro charm.

Font Collections / 14 May 2026

20+ Handpicked Architectural Fonts for Plans & Portfolios

Architecture is all about precision, balance, and vision, and the right font should reflect that same discipline.

In this collection of architectural fonts, you’ll find typefaces that combine technical clarity with creative refinement. 

Some fonts draw inspiration from drafting and blueprint lettering, with crisp lines and geometric structure. Others bring a contemporary edge, pairing minimalist forms with subtle elegance for use in portfolio covers, diagrams, or design proposals.

With the right architectural font, your work will look polished, thoughtful, and built to impress.

Font Collections / 11 May 2026

15+ Memphis Style Fonts for Bold & Retro Pop Designs

Memphis-style fonts are perfect for bringing a burst of color, character, and playful creativity to any design project.

In this collection, you’ll find typefaces inspired by the iconic Memphis movement, known for its bold patterns, geometric shapes, and joyful rebellion against minimalism. 

These typefaces work perfectly for posters, brand identities, packaging, and social media content that aims to feel lively and nostalgic.

Pairing them with colorful palettes, hand-drawn elements, or graphic motifs helps amplify the signature Memphis aesthetic and create a cohesive, standout look.

With the right Memphis font, your design will feel bold, retro, and full of expressive pop energy.

Font Collections / 11 May 2026

20+ Handpicked Renaissance Fonts for Classical Designs

Renaissance fonts offer a beautiful way to bring classical charm and historical character into your modern design projects.

In this collection, you’ll find typefaces inspired by the art, literature, and craftsmanship of the Renaissance period.

These fonts feature the precision and elegance found in traditional calligraphy, early printed books, and humanist handwriting. Offering a range of styles that suit both richly detailed compositions and minimal classical themes.

Renaissance fonts pair well with textured paper backgrounds, gold accents, and warm color palettes to enhance the historical aesthetic.

With the right Renaissance font, your design will feel elegant, expressive, and rooted in classical tradition.