About Rene Spronk

My name is Rene Spronk and I am the owner of CSSPortal. I started getting interested in CSS when I designed my first website, I loved how you could control so many aspects of the page with CSS. Since then I have developed many websites, but this site is still my favourite as it helps others to learn CSS.

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 save space…that is where these menus step in and shine. Continue reading

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. Continue reading

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 element you want to style, although there are many different selectors (a dedicated page of all CSS Selectors will go up soon), we will just be looking at the three we have mentioned.
Continue reading

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 catching to the user, such as, if you would like to show something is popular or new to your website. We have also created a CSS Ribbon Generator so that you can create these ribbons visually.
Continue reading

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 user to your social media pages.
Continue reading

CSSPortal Code Playground

Lately I have not updated this blog as much as I would like to because I have have been working on a new project. I’m happy to announce that we have finally completed our Code playground, even though there is still a bit of work to put into it, I thought I would release it now as it is approx 90% completed. Continue reading

4 Cool CSS Buttons

Today we are going to show you how to give your CSS buttons a bit more of a fancier design. Using simple CSS we can make our buttons stand out from ordinary buttons, giving them that extra style we want for our webpages.
Continue reading

Create a CSS Notification Badge

You have probably all seen notification badges somewhere, such as on smart phones or facebook, in this tutorial we are going to show you how to create theses badges with CSS and with the HTML data-attribute. These badges can be very effective in alerting the user to new things on your site.
Continue reading