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.

Numbered Lists with CSS

Today we are going to look at creating a numbered list with css. In this example we will be using the counter-reset and counter-increment properties to number our list. You might be thinking, why don’t we just use the ordered list tag (<ol>), yes we could use this tag but you can’t really style the numbers very well. By using the css properties, we can add a lot more style to our numbers plus it gives us greater control to change aspects of the numbered lists. Continue reading


Image Hover Fade In Effect

In this tutorial I will show you a simple animation effect that will reveal information when you hover over an image. This information can be anything that you want, I have decided to show an example of a team member, when you hover over the image you will be able to see the persons name, short bio and links to their social media pages. Continue reading


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


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 here, please contact us.

Facebook
#3b5998
rgb(59,89,152)
Twitter
#00aced
rgb(0,172,237)
Google+
#dd4b39
rgb(221,75,57)
Pinterest
#cb2027
rgb(203,32,39)
LinkedIn
#007bb6
rgb(0,123,182)
Youtube
#bb0000
rgb(187,0,0)
Vimeo
#aad450
rgb(170,212,80)
Tumblr
#32506d
rgb(50,80,109)
Instagram
#517fa4
rgb(81,127,164)
Flickr
#ff0084
rgb(255,0,132)
Dribbble
#ea4c89
rgb(234,76,137)
Quora
#a82400
rgb(168,36,0)
FourSquare
#0072b1
rgb(0,114,177)
Forrst
#5b9A68
rgb(91,154,104)
StumbleUpon
#eb4823
rgb(235,72,35)
WordPress
#21759b
rgb(33,117,155)
Yahoo
#7b0099
rgb(123,0,153)
Blogger
#fb8f3d
rgb(251,143,61)
Github
#333333
rgb(51,51,51)
Vine
#00bf8f
rgb(0,191,143)
RSS
#ff9900
rgb(255,153,0)
Snapchat
#fffc00
rgb(255,252,0)

 


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 user scrolls the page, the sidebar will remain in the same position. Continue reading


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