Skip to content

Tutorials

  • CSS
  • Excel
  • HTML
  • Javascript
  • Node.js
  • Others
  • SCSS
  • Web Development

Pages

  • Home
  • All Tutorials
  • About
  • Privacy Policy

Red Stapler

Coding Tutorials and Development Tips

  • Home
  • Tutorials
  • About

Category: CSS

CSS HTML Javascript Web Development

10 Web Design Ideas for Christmas Seasons

December 28, 2020 Red Stapler 0

Christmas and holiday season is coming again and I know you’re looking for ideas for web design. So in this post, I gathered 10 awesome ideas for Christmas theme to help you as inspiration to….

Read more
css-mask-tutorial
CSS HTML

Understand CSS Mask in 4 Minutes

December 28, 2020 Red Stapler 2

CSS Mask is a very useful property for hiding element partially or clipping the element. In this tutorial we’ll show you how to use CSS mask and example usage to create an effect like parallax….

Read more
change-placeholder-font-css
CSS HTML Web Development

How to Change Placeholder Text Font with CSS

December 28, 2020 Red Stapler 0

The placeholder is a text displayed in the input field before user enter the value as a short hint. When you apply a CSS font styles to the input field, the placeholder text will also….

Read more
css-3d-text-rgb-animation
CSS HTML

Create a 3D Text with RGB Animation using CSS

December 28, 2020 Red Stapler 0

In this tutorial we’ll show you how to create a 3D text effect with RGB color animation using pure CSS in just a few minutes. Let’s check it out! (Download source code at the end….

Read more
CSS HTML

Realistic Reflection Effect with Pure CSS

December 28, 2020 Red Stapler 1

In this tutorial we’ll show you how to create a reflection effect of any element using only CSS in just a few minutes! The Concept First let’s get to understand the concept by adding reflection….

Read more
CSS HTML Web Development

How to create 3D Loft Style Login Form with CSS

December 28, 2020 Red Stapler 1

In this tutorial, I’m going to show you how to create a loft style login form with 3D shadow effect using only HTML and CSS in just few minutes! Ready? Let’s check it out! The….

Read more
svg-turbulence-water-effect-tutorial
CSS HTML

Realistic Water Effect using SVG Turbulence Filter

December 28, 2020 Red Stapler 7

If you think you need a JavaScript or WebGL to create an animation like demo below, think again! In this tutorial I’m going to show you how to create a realistic water effect using SVG….

Read more
rpg-css-card-design
CSS HTML

RPG Style Card Design with Hover Effect – HTML/CSS Tutorial

December 28, 2020 Red Stapler 2

In this tutorial, we’re going to show you how to create a RPG style card design to show each post statistic for your website in just a few minutes with CSS. Ready Let’s check it….

Read more
css padding trick
CSS Web Development

Preserve Aspect Ratio of Element with CSS Padding

December 28, 2020 Red Stapler 0

Padding is a CSS property that is used to generate space around html element and probably one of the most used property. But do you know that padding can be used for more than just….

Read more
css-checkbox-button-hack
CSS Web Development

The CSS Checkbox Button HACK!

December 28, 2020 Red Stapler 0

So let’s look at this button. It has the glass cover that we need to click it to open and show the actual button inside. And if you change your mind, you can click it….

Read more
css jumanji stats window
CSS HTML Web Development

Pure CSS “JUMANJI” Stats Windows Tutorial

December 28, 2020 Red Stapler 1

One of the funny scene from latest Jumanji movie is when the players are opening their stats window. It has the nostalgia RPG game style that might be useful if you’re working game website project…..

Read more
css depth of field effect
CSS Javascript Web Development

Pure CSS Depth of Field Effect

December 28, 2020 Red Stapler 0

Hello and welcome to Red Stapler Channel. In this tutorial, we’re going to show you how to create depth of field effect, which could be useful for creating stunning background on your website. This technique….

Read more

Posts navigation

«Previous Posts 1 2 3 4 … 7 Next Posts»
©2021 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube