How-to articles, tricks, and solutions about TEXT

If you want to use beautiful effects for texts and make your Website more eye-catching, read our snippet, try examples and learn to create fade out text effect.

If you want to make your website eye-catching and creative read this snippet and learn to create a glass background effect for your text step by step.

In this tutorial, find out how to create a mouseover text description without Javascript. Use the HTML <div> or <span> element with the “title” attribute.

In this tutorial, you’ll find out how to add text on the HTML5 <canvas> element. For that, you need Javascript. Use the fillText() and strokeText() methods.

If you have faced the problem of drawing a vertical text, you can use the transform property. Find out how to use this property to create a vertical text with CSS Cross-Browser.

Know how to put an animated text over a faded image on hover using only CSS3. For that purpose, use the transition and the opacity properties. See examples!

If you are tired of standard heading styles then read this snippet and learn to add lines before and after heading giving it an attractive and unique style.

Learn the alternative ways of having continually scrolling text without using the obsolete <marquee> tag. See examples with CSS animations, JavaScript and jQuery.

The ::placeholder pseudo-element allows styling the placeholder text of a form element. Here you will find out how to align an input field’s placeholder text.

In this snippet, we’ll demonstrate and explain examples of centering a text in the table row. For that purpose, you can use the CSS text-align property.

Use the CSS ::selection selector to change the default highlight color while selecting texts. Use only CSS and do cool tricks to have a better user experience. All with examples.

Learn about how to change hyperlink colors, inline and external methods with examples. See also how to give different styles to your anchor link and to change underline color with examples.

Copying the text to clipboard makes it easier using the web page, so users will definitely like this functionality. You can create it by the help of JavaScript and we’re here to help you.

In this tutorial, we’ll demonstrate how to create a blinking effect for a text or background easily. To achieve this goal, you need to use CSS3 animations.

One of the best effects to stylize your text, is making it appear blurred. In this snippet, we are going to show you two methods of creating a blurry text. So here we go.

Catch your user’s attention with beautiful glowing text created with only CSS. See examples and get the code snippet to create your own glowing text.

If you want to make your Web page more attractive using multicolor texts, read our snippet, find out 3 ways of creating ones and see examples.

If you want to make your Website attractive and interesting for the visitors, read our snippet and learn to create a shining text animation effect.

You must agree that a text that looks like it is being typed across the screen looks quite attractive. Did you know that you can apply a typewriter effect to your own text by using pure CSS? Now we are going to do that together, step by step!

If you want to add some 3D effects to your text, anaglyphic text effect is a great solution. Read this snippet, try our examples and create one for yourself.

If you are looking for ways for making your website more imaginative, read this snippet and learn to create an animated filled text due to our examples.

How to Create an Image with Transparent Text Using CSS. Learn about the methods that can be used to overlay text on images. Try examples.

If you want to give an original style to your Website, you can read this snippet and create a drop cap style for your texts via CSS first-letter pseudo element.

Use mix-blend-mode and text-fill-color CSS properties for having knockout text. Add also animations to them. See examples.

Stop being copied by others with just simple and quick technique! Read the snippet and know how to prevent copying from your site disabling text selection highlighting.