Search Results For: effect

CSS / 8 May 2012

Create Stunning Effects With CSS Transition Delays

I’m a huge fan of CSS transitions. Sure, they can be abused but on the whole they’re a really great and easy way to add a little life to your web pages. And let’s face it, they’re flat out fun to play with.

I’ve covered transitions a million different ways, but there’s one feature that I hardly ever touch: transition delays. Why would you want to delay your transition? It turns out that the effects that you can achieve become much more complex and impressive when you incorporate this one extra parameter. Let’s jump in and build some cool demos to show off how it works.

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.

Graphics / 23 Jun 2011

Say Hello: 50 Simple and Effective Website Greeting Messages

Placing a large greeting message at the top of your site is a great way to create a welcoming environment and provides the perfect opportunity to clearly state your purpose for being.

Today we’ve rounded up over fifty such messages for inspiration on both the message and visual appearance fronts. The greetings has been divided up into clear categories so you can analyze the different popular techniques being used by designers today.

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.

Graphics / 23 Mar 2011

Effective Package Design Does More Than Look Good on the Shelf

Package design is deceptively simple. Many designers wrongfully approach this task as merely a matter of aesthetics and give no thought to the fact that packaging has to succeed on many variables.

Today we’ll go over some basic principles to keep in mind the next time you’re designing either the package itself or merely the artwork. Along the way we’ll see a few amazing and not-so-great examples to learn from.

Business / 28 Feb 2010

10 Tips for Effective Creative Brainstorming

Brainstorming can either be a creative gold mine or a time wasting disaster.

Brainstorming is often discussed in relation to a business environment. In college, nearly every one of my business school textbooks had an entire chapter dedicated to the concept. Though creative brainstorming is in many ways a different beast due to its visual nature, many of the same concepts apply.

Today we’ll take a look at ten tips to consider before you pull your creative team into a brainstorming session. When applied properly, they can drastically increase productivity and quality of results.

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!

Inspiration / 14 Jun 2026

35+ Handpicked DaVinci Resolve Lower Thirds Templates 2026

Designing modern and professional-looking lower thirds in DaVinci Resolve is about to get much easier.

In this collection, we bring you some of the best DaVinci Resolve lower thirds templates with premium-quality designs for making lower thirds for all kinds of videos.

There are many different styles of lower thirds templates in our collection. Whether it’s a YouTube vlog, documentary video, news clip, or social media promo, there are lower thirds templates for all kinds of videos. The best part is you can download them all with an Envato Elements subscription.

However, if you’re low on budget, we included a few free lower thirds templates in this post as well. They are great for your personal projects. Check them all out below.