Projects in Awesome Lists tagged with pseudo-elements

https://github.com/l-hammer/you-need-to-know-css

💄CSS tricks for web developers~

css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements

Last synced: 18 Oct 2025

https://github.com/l-hammer/You-need-to-know-css

💄CSS tricks for web developers~

css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements

Last synced: 14 Mar 2025

https://github.com/jh3y/whirl

CSS loading animations with minimal effort!

animation css css-loading-animations hacktoberfest hacktoberfest2020 loader loading loading-animation loading-animations loading-bar loading-indicator loading-screen loading-spinner loading-spinners progress pseudo-elements spinner spinners whirl

Last synced: 15 May 2025

https://github.com/learning-zone/css-basics

CSS Basics ( CSS-3 )

css css-preprocessors css-property css-sprites css3-flexbox css3-grid css3-interview-questions less pseudo-elements scss

Last synced: 12 Apr 2025

https://github.com/jjkaufman/laptop.css

laptop CSS for the modern world

ascii ascii-art css pseudo-elements

Last synced: 25 Dec 2025

https://github.com/richardzcode/fluid-react

Grid system for React, and more

fluid grid javascript mediaquery pseudo-elements react

Last synced: 25 Jun 2025

https://github.com/codelytv/css-selectors-best-practices-course

CSS course selector examples

cascade css css3 elements good-practices html pseudo-classes pseudo-elements selectors specificity

Last synced: 26 Apr 2025

https://github.com/alitahir4024/before-and-after-effects-on-buttons

This project is based on css before and after effects on a button element.

before-after css html html-css pseudo-elements

Last synced: 11 Oct 2025

https://github.com/wandersonalves/vue-shadow-badge

:moon: Simple badge directive using shadow-dom (with fallback)

badge css pseudo-elements shadow-dom vue

Last synced: 23 Apr 2025

https://github.com/cleilsonandrade/doceria_single_page

Um single page de uma doceria, com fins de estudos em CSS das propriedades de position, display e pseudo elementos.

css design flexbox frontend pseudo-elements singlepage sweet-shop

Last synced: 28 Oct 2025

https://github.com/ryanmorr/pet

Pseudo-element templating

css javascript pseudo-elements template

Last synced: 10 Apr 2026

https://github.com/diegoivg98/html-css

Ejercicios/ejemplos del OpenBootcamp

animation-css bootstrap cards css forms html media-queries modal openbootcamp pseudo-classes pseudo-elements responsive sass sass-mixins transitions

Last synced: 16 Feb 2026

https://github.com/rafaelbortolozo/css_training

Learning and practicing new interface development techniques using CSS.

animations css form html pseudo-classes pseudo-elements script

Last synced: 26 Jun 2025

https://github.com/aperbet56/stat_preview_card_component

Création d'un composant de carte : aperçu des statistiques en HTML5 et CSS3.

css3 flexbox html5 pseudo-elements responsive

Last synced: 27 Mar 2025

https://github.com/aperbet56/agrumes_d_yssi

animation-css css3 flexbox html5 intersectionobserver-api javascript marquee pseudo-elements responsive responsive-design transition-animation

Last synced: 13 Feb 2026

https://github.com/aperbet56/floating_action_button

Création d'un bouton flottant permettant d'ouvrir une navigation / un menu.

animation-css css3 flexbox html5 pseudo-elements

Last synced: 03 Apr 2025

https://github.com/aperbet56/hair_and_barber_shop

Création d'un site complet Hair & barber shop en HTML5, CSS3 et JavaScript. Ce site présente notamment les différents services proposés par ce commerçant et les personnes qui y travaillent.

animation-css css3 flexbox html5 javascript pseudo-elements

Last synced: 03 Apr 2025

https://github.com/surjoyday/product-preview-card-component-main

This is a solution to the Product preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css-flexbox css-grid css-isolation css3 html5 pseudo-elements

Last synced: 10 Nov 2025

https://github.com/surjoyday/tic-tac-toe

Learning about DOM Manipulation

css dom dom-manipulation html ja pseudo-elements

Last synced: 11 Nov 2025

https://github.com/irynadidkivska/task_8

Positions

css3 html5 position pseudo-elements

Last synced: 13 Jul 2025

https://github.com/pedrodevvv/bakery_page

Página simples construída com o intuito de praticar o HTML semântico e também algumas técnicas novas no CSS.

css forms html pseudo-elements semantic-ui

Last synced: 24 Apr 2026

https://github.com/mariamshrief5/mealify-project

Mealify is a stunning, responsive webpage that supports Dark / Light Mode. (Powerful Of CSS)

animation-css css3 flexbox-css html5 pseudo-classes pseudo-elements responsive-design transi vendor-prefix

Last synced: 26 Feb 2025

https://github.com/itdriver-studio/ulcinj

Guest House

adaptive bem-methodology favicon flex font-face onclick positioning pseudo-elements slick-slider

Last synced: 23 Mar 2025

https://github.com/mesbol6647/bus-seat-purchase

A bus ticket purchasing project prepared with basic level HTML, CSS, and JavaScript code

css3 html5 javascript pseudo-elements

Last synced: 16 Apr 2026

https://github.com/performance13/goit-markup-hw-02

Homework №2 on technical skills

basic cascading-style-sheets color css github-page jekyll jekyll-themes pseudo-elements selector

Last synced: 14 Feb 2026

https://github.com/aperbet56/frontend_mentor_fylo_data_storage_component

Frontend Mentor Challenge. Mon défi consiste à créer ce composant de stockage de données et à le rendre aussi proche que possible de la maquette.

css3 flexbox html5 normalize-css pseudo-elements reset-css responsive transition-animation

Last synced: 05 Sep 2025

https://github.com/aperbet56/3d_css_typographie

3D CSS typograhpy

3d animation-css css3 html5 pseudo-elements

Last synced: 03 Apr 2025

https://github.com/aperbet56/loader_linear_progress

Création d'un loader linear-progress

animation-css css3 flexbox html5 pseudo-elements

Last synced: 03 Apr 2025

https://github.com/aperbet56/waves_animation

Wave animation

animation-css css3 flexbox html5 pseudo-elements

Last synced: 03 Apr 2025

https://github.com/aperbet56/animation_pouls

Création d'une animation nommée pulse en HTML5 et CSS3

animation-css css3 flexbox html5 pseudo-elements

Last synced: 03 Apr 2025

https://github.com/aperbet56/frontend-mentor_recipe_page

build out this recipe page and get it looking as close to the design as possible.

animation-css css3 flexbox html5 javascript pseudo-elements

Last synced: 13 Apr 2026

https://github.com/mafsida/goit-markup-hw-04

This is the fourth assignment from the Full Stack Developer course at GoIT. In this module, I applied background images, shadows, and SVG icons, while using transitions and pseudo-elements. The project demonstrates advanced CSS effects and SVG integration.

background-images css css-transitions frontend goit goit-markup-hw-03 html markup pseudo-elements responsive-web-design shadows svg svg-icons svg-sprite web-development