Quantcast
Channel: Pens from Oksana Khristenko
Browsing latest articles
Browse All 15 View Live

Image may be NSFW.
Clik here to view.

Loader Overlay (CSS keyframes)

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article



Image may be NSFW.
Clik here to view.

ES6 Simple Scroll

See the Code - See it Full Page - See Details Using ES6 classes to create a dynamic scroll to content functionality. This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

BEM Aspect Ratio

See the Code - See it Full Page - See Details This Pen uses: HTML, PostCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

CSS progress bar using { overflow: hidden }

See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Revealing SVG Pattern

See the Code - See it Full Page - See Details Using SVG animations to reveal a pattern through a circle, although it is the circle that has the pattern. This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

SVG octagon using 'rect' element

See the Code - See it Full Page - See Details Using SVG 'rect' element and 'bevel' value for 'stroke-linejoin' property to create an octagon shape. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

SVG progress bar using 'clipPath' element

See the Code - See it Full Page - See Details

View Article
Browsing latest articles
Browse All 15 View Live




Latest Images