Windows style buttons CSS
Windows style buttons with hover and click effect purely in CSS. Windows Classic, WindowsXP and Windows 7 buttons See the Pen Windows Buttons by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .
Popular posts from this blog
Pure CSS responsive Navbar
This is another element of web page, which normally requires some script. This is somewhat related to my last post " Pure CSS Collpasible Accordion ", where I used a 'radio button' to manipulate the collpase and expanding of panels. Same thing here, this time its a 'checkbox' and a 'label' which collapses and expands the navbar when screen size less than 600. Note: Refer to the previous post to see how 'radio button' and 'label' work together. A big nav [Desktop View] A collapsed nav [Mobile view] Full HTML + CSS code
CSS Monkey
A monkey from pure CSS code. Made only from circles and ellipses, technically only ellipses. Eyes, ears, face and mouth are obvious ellipses. The smile and hair are ellipses too, a transparent one wit only one side border, and rotated in such a way that it looks like a strand of hair. Even the monkey's smile, is a ellipse covering the whole face, but its transparent and has a bottom-border of few pixels which makes it look look like a smile. The complete CSS and the monkey: See the Pen CSS Monkey by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .
Comments
Post a Comment