Author Archives: CSSPortal

About CSSPortal

CSSPortal.com is a comprehensive resource dedicated to CSS, HTML, and website design. It offers an extensive range of tools, resources, and generators aimed at assisting designers and developers in creating efficient and aesthetically pleasing web designs. The website features hundreds of pages containing all CSS properties and numerous CSS generators, designed to facilitate various design needs.
CSS Animated Underline Links

CSS Animated Underline Links

With CSS you can add some great effects using animation. In this blog, we’ll show you how to animate the links underline feature, the link will have the underline move from right to left, this can also be easily changed to go from left to right by changing only one property.

Read More...

By CSSPortal Published on June 28, 2015 Category CSS

Visual External Link with CSS

Visual External Link with CSS

This is a simple snippet to show the end user a visual example of when they are clicking on an external link from your website. It uses the :after pseudo class to show an image that represents an external link.

Read More...

By CSSPortal Published on May 24, 2015 Category CSS

Social Media Colors

Social Media Colors

How many times have you started a new project and thought to yourself, what color is used for a social media site? Here you’ll find the colors used for many popular social media websites, colors have been referenced in HEX code and RGB code. If you know of a site that should have their color […]

Read More...

By CSSPortal Published on May 10, 2015 Category CSS

Social Media

CSS Social Media Sidebar

Social media is a main part of the internet these days, so today we will show you how to create a simple css social media sidebar using only css code. The example will create a sidebar positioned on the left hand side of the page and the position will be fixed, meaning that when the […]

Read More...

By CSSPortal Published on May 3, 2015 Category CSS

CSS Slide In Menu

CSS Slide In Menu

Today we are going to look at how to create an CSS Slide in Menu using only css code…no javascript at all! These menu designs are becoming more popular these days as more people are using tablets or mobile phones to access the internet. By using smaller screens, we need to find a way to […]

Read More...

By CSSPortal Published on April 26, 2015 Category CSS

Create Inverted Corner Border Radius

Create Inverted Corner Border Radius

In this article we’ll show you how to create an inverted corner border radius. We all know how to create a standard rounded corner using the css property border-radius, but to create an inverted corner there are no properties that can be used, so we need to create these corners in pure css code.

Read More...

By CSSPortal Published on April 12, 2015 Category CSS

CSS and Animation

CSS and Animation

The CSS language is fantastic at adding style to a webpage, and now adding animation to your site has never been easier. Just recently I discovered a great library of CSS animations by Daniel Eden, this library contains 36 different animations that can be easily added to you projects.

Read More...

By CSSPortal Published on April 5, 2015 Category CSS

What does “>”, “+” and “~” do in CSS

What does “>”, “+” and “~” do in CSS

You have probably all seen these characters in your CSS files, so what exactly do they do? Before we answer that, the characters that we are going to look at today are: > (greater than), + (plus sign) and ~ (tilde). In CSS they are known as selectors. Selectors are patterns used to select the […]

Read More...

By CSSPortal Published on March 15, 2015 Category CSS

How to Create a Corner Ribbon

How to Create a Corner Ribbon

In this blog, we will show you how to create a corner ribbon with pure css code. Using a number of css properties such as: transform, box-shadow and position we’ll be able to create a css ribbon without using any images. CSS ribbons can be used when you want to display something important or eye […]

Read More...

By CSSPortal Published on March 8, 2015 Category CSS

Animated Share Bar

Animated Share Bar

A lot of websites use social media to share their work with other users and bring in extra visitors to their site. In this tutorial, we will create a simple animated share bar using only CSS that you can add to your site. You will just need to change the links to direct the end […]

Read More...

By CSSPortal Published on March 1, 2015 Category CSS

Page 4 of 6
1 2 3 4 5 6