PEPSized
  • Home
  • Freebies
    • Icons
      • Social Icons
      • Location Icons
      • Drive Icons
      • Folders Icons
    • Sketch
    • Photoshop
      • Photoshop Brushes
      • Photoshop Patterns
      • PSD Files
    • Textures
    • UI Design
    • Vector Graphics
  • Tutorials
    • CSS/HTML
    • Illustrator
    • Javascript
  • About us
  • Contact us
  • Search

Posts Tagged:

css transitions

Read more
July 5, 2013

One More Fancy Hover Effect

Let’s celebrate the summer time! In this css tutorial we discuss one more fancy hover effect. We use :after pseudo-elements with custom data-attributes and css transitions. At the same time we feature the beautiful Summer Icon Pack by vector4free. Enjoy!

by PeHaa · in CSS/HTML, Tutorials · 1
Read more
March 15, 2013

Css-only Alternative to the Select Element

In this tutorial, I will present you my alternative solution to the select form tag. It’s css-only and it looks really nice. We will use a list of radio elements, styled as a drop-down list, that will look and behave similarly to the select element.

by PeHaa · in CSS/HTML, Tutorials · 16
Social Font icons hover effect
Read more
February 12, 2013

Icon Fonts in Use with a Fancy Hover Effect

In this tutorial we will play a bit with icon fonts.
Besides other advantages, this technique provides an easy way to have your icons look crisp on retina displays. We’ll use a custom set of social icons generated with IcoMoon App. We will use css3 transitions and pseudo-elements to add a fancy effect on hover.

by PeHaa · in CSS/HTML, Tutorials · 9
Lavalamp-like menu effect - css-only - tutorial preview
Read more
January 22, 2013

Css-only Lavalamp-like Fancy Menu Effect

In this tutorial we create a css-only sliding menu effect (also known as Lavalamp effect). No javascript, just css3 transitions and the general sibling combinator selector.

by PeHaa · in CSS/HTML, Tutorials · 26
Read more
November 16, 2012

Contact form with some fancy 3D effects

In this tutorial we will use css3 3D transforms to create a contact form that mimic a regular letter. You’ll have to flip the envelope, note your (sender’s) coordinates on its back lid, open the envelope, unfold the paper and write your message.
We’ll also make use of the :target pseudo-class so that no javascript is necessary.

by PeHaa · in CSS/HTML, Tutorials · 10

WHERE we are…

What We are Proud of…

We proudly present Build and Customize a Modern WordPress FrontPage in One Hour. It's our first video course - built both for beginners and more advanced users who want to go further with the Gutenberg and custom CSS.

We talk about…

css · seamless · PayPal · card · scrolling effect · buttons · flower · paper · ornament · map · flat design · web design · osx · google maps · brushes · svg · wallpapers · photo · grunge · responsive layout · winter · Wordpress · codepen · textures · snowflake · christmas · ui design · javascript · css transitions · social · background · pattern · social icons · illustrator · free · html · css3 · vector · demo · tutorial · icons · photoshop · png · psd · freebies

What we said…

  • Tweet Avatar Embedded CodePens and React – what may happen and how to fix it. https://t.co/ItsykhgFsw 5 years ago
    Reply Retweet Favourite
  • Tweet Avatar On How I Approach Teaching CSS, CodePen Quizzes and Playing Cards https://t.co/vSU2KyHSJv 5 years ago
    Reply Retweet Favourite

Tags

css · seamless · PayPal · card · scrolling effect · buttons · flower · paper · ornament · map · flat design · web design · osx · google maps · brushes · svg · wallpapers · photo · grunge · responsive layout · winter · Wordpress · codepen · textures · snowflake · christmas · ui design · javascript · css transitions · social · background · pattern · social icons · illustrator · free · html · css3 · vector · demo · tutorial · icons · photoshop · png · psd · freebies

Recent Comments

  • garguse on Css-only Alternative to the Select Element
  • Joe Vains on Free PNG And SVG Location Icons Collection
  • Rechel on Beer Slider Responsive & Accessible Before-After Slider
  • Jose on Free PNG And SVG Location Icons Collection
  • Bob Carter on 19 Nature Silhouettes Trees & Grass Brushes

© 2024 PEPSizedTheme by PeHaa THEMES