Pens from oleg kobrin https://codepen.io/olegkobrin/ en nospam@codepen.io Copyright 2024 2023-08-02T11:09:01-07:00 Blog Card Design https://codepen.io/olegkobrin/pen/JjexRaZ https://codepen.io/olegkobrin/pen/JjexRaZ oleg kobrin

See the Code - See it Full Page - See Details

Some cards I made for my website to display some projects I'm working on. I added some classes to easily change the color of the card (see the first three cards) and I also added a class that lets you choose your own color (see the last card), but note that this uses a CSS-variable which still isn't supported in IE at the time. Note that I used clamp.js to get a nice ellipsis on the description-box. This could be removed and the only thing that would be missing were the three dots at the end of full description-boxes.

]]>
Blog Card Design 2023-08-02T11:09:01-07:00
Responsive Image Slider https://codepen.io/olegkobrin/pen/bGLjRjx https://codepen.io/olegkobrin/pen/bGLjRjx oleg kobrin

See the Code - See it Full Page - See Details

A basic responsive image slider featuring next/previous buttons with a bullet based sub-navigation created with a bit of jQuery. Icons created by Robin Kylander at http://www.flaticon.com/authors/robin-kylander from www.flaticon.com. Licensed under CC By 3.0

]]>
Responsive Image Slider 2022-06-05T13:26:10-07:00
Custom Select an Option https://codepen.io/olegkobrin/pen/eYgOdzj https://codepen.io/olegkobrin/pen/eYgOdzj oleg kobrin

See the Code - See it Full Page - See Details

Cusmont select, designed to change the typical style of the select in browsers, using js to display the list when it clicks, and scss, to give it style. The Attribute selected work good, test it. - Update - I added the select android style - Update - Fixed not call onchange event on the select. :)

]]>
Custom Select an Option 2021-03-22T07:18:53-07:00
Sexy Accordion https://codepen.io/olegkobrin/pen/XWXeQZN https://codepen.io/olegkobrin/pen/XWXeQZN oleg kobrin

See the Code - See it Full Page - See Details

jquery accordion from sexy collection

]]>
Sexy Accordion 2020-06-30T07:31:47-07:00
CSS3 Menu Dropdowns https://codepen.io/olegkobrin/pen/ZPgyZX https://codepen.io/olegkobrin/pen/ZPgyZX oleg kobrin

See the Code - See it Full Page - See Details

Some pretty awful dropdown menu effects done with CSS

]]>
CSS3 Menu Dropdowns 2019-03-28T20:44:55-07:00
Daily Pen #80 https://codepen.io/olegkobrin/pen/eRNGYe https://codepen.io/olegkobrin/pen/eRNGYe oleg kobrin

See the Code - See it Full Page - See Details

Object-fit cover for background videos. It's a new CSS property for sizing background videos like background images. IE and Edge not supported.

]]>
Daily Pen #80 2017-06-06T20:32:06-07:00
Bootstrap Tour https://codepen.io/olegkobrin/pen/OWaRXW https://codepen.io/olegkobrin/pen/OWaRXW oleg kobrin

See the Code - See it Full Page - See Details

Example of Bootstrap Tour

]]>
Bootstrap Tour 2017-02-10T11:45:57-07:00
Geolocation Yandex Maps API https://codepen.io/olegkobrin/pen/rjMZMd https://codepen.io/olegkobrin/pen/rjMZMd oleg kobrin

See the Code - See it Full Page - See Details

]]>
Geolocation Yandex Maps API 2017-01-16T12:33:09-07:00
18 Simple Styles for Horizontal Rules (hr CSS Design) https://codepen.io/olegkobrin/pen/WRQbvY https://codepen.io/olegkobrin/pen/WRQbvY oleg kobrin

See the Code - See it Full Page - See Details

Read more: http://bit.ly/18Wq01O http://ibrahimjabbari.com

]]>
18 Simple Styles for Horizontal Rules (hr CSS Design) 2017-01-08T18:39:30-07:00
Deliver on Christmas Morning https://codepen.io/olegkobrin/pen/EZamjR https://codepen.io/olegkobrin/pen/EZamjR oleg kobrin

See the Code - See it Full Page - See Details

🎶 Simply having a wonderful CSS time 🎶

]]>
Deliver on Christmas Morning 2017-01-05T06:58:49-07:00