#

clip-path

Here are 18 public repositories matching this topic...

thdoan / unobscure-text

Dynamically change text style as you scroll the page.

jquery jquery-plugin text-style clip-path

Updated Sep 18, 2024
HTML

Afif13 / CSS-polygon-border

Add border to any polygon shape using the CSS Paint API (Houdini project)

javascript css html canvas houdini clip-path paint-api houdini-css-paint

Updated Nov 13, 2021
HTML

My-Front-End-Codes

srikant-code / My-Front-End-Codes

This consists of my front end projects in which I have coded in CSS and JS. Check this out you will surely enjoy the README.md.

javascript css sass movies space css-animations svg-animations flexbox scss html-css-javascript movie-recommendation movies-api calculator-application clip-path conveyor-belt

Updated Mar 15, 2021
HTML

noeldelgado / demo-x-ray-me

💀 SVG clip-path experiment

svg clippath clip-path

Updated Mar 4, 2017
HTML

McCambley / sweater-weather

Using wonky clip paths and stacked grid layouts to create an interactive and hopefully not so ugly cozy sweater

css design fun css-grid html-css grids clip-path sweater

Updated Mar 30, 2021
HTML

hasanTheBest / Background-Animation-Practice

This CSS3 background animation effect on text using clip-path and background position property. This is originally coded by brad. I customize only to learn myself

html5 css3 clip-path css3-animation css3-transitions

Updated Feb 3, 2019
HTML

Rajacharles / Expanding-Diagonal-Background

Expanding Diagonal Background | SVG Clip-Path Property

javascript svg clip-path svg-animation

Updated Aug 12, 2021
HTML

Richardinho / malebranche-tests

Examples and tests for Malebranche utility

css svg clip-path malebranche

Updated May 14, 2017
HTML

edindelan / svg-circle-split-animation

[Experiment] Mesmerising cross-browser SVG circle split animation using various svg elements e.g Animate, Clip path, layers, patterns, circles, paths and polygons. Demo:

svg animation polygon circle layers clip-path svg-animation

Updated Dec 29, 2018
HTML

Andrew-Dyachenko / chrome-vertical-line-break-effect-issue-for-clip-path-property

Created with CodeSandbox

css chrome issue clip-path vertical-line-break-effect

Updated Aug 23, 2021
HTML

MontseMMota / Bon-Jovi

Project to practise clipping, animations, transitions and responsive images

transitions clip-path

Updated Jun 23, 2024
HTML

AnnaVi11arrea1 / Web-Graphics-Tutorial

This is a guide to walk you through some ways you can modify graphics on a website.

tutorial animations svg-images clip-path loops-and-iterations

Updated Aug 23, 2024
HTML

sidneywm / rate-me

📊 A simple 'Rate Me' project that lets users give feedback through a star rating system. Built with HTML and CSS.

css html rating stars clip-path

Updated Mar 27, 2025
HTML

bissenj / Microanimations

Playground project to test out UI/UX stuff I'm interested in.

parallax intersection-observer clip-path video-in-text

Updated Mar 8, 2023
HTML

aperbet56 / clip-path_cards_animation

Création d'une animation clip-path cards au survol de la souris en HTML5 et CSS3.

html5 css3 animation-css clip-path

Updated Sep 20, 2025
HTML

Vika-Derkach / grid-practice

grid animation clip-path paralax mix-blend-mode

Updated Sep 15, 2021
HTML

cscolabear / apple-product-on-scroll

apple scroll sticky requestanimationframe inset clip-path

Updated May 28, 2020
HTML

aperbet56 / angled_background_sections

Création de sections inclinées en HTML5 et CSS3 via la propriété clip-path.

html5 responsive css3 transition-animation responsive-design clip-path

Updated Apr 23, 2025
HTML

Improve this page

Add a description, image, and links to the clip-path topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the clip-path topic, visit your repo's landing page and select "manage topics."