pseudo-elements

There are 2 repositories under pseudo-elements topic.

• l-hammer / You-need-to-know-css

  💄CSS tricks for web developers~

  csscss-trickscss-effectscss-experimentcss-layoutcss-animationsdocsifycss-propertiescss-shapescss-variablescss-shadow-partscss-flexboxcss-centercssnextcss3css-transitionscss-snippetscss-scrollbarpseudo-elements
  Language:CSS 5204

• jh3y / whirl

  CSS loading animations with minimal effort!

  animationcsscss-loading-animationshacktoberfesthacktoberfest2020loaderloadingloading-animationloading-animationsloading-barloading-indicatorloading-screenloading-spinnerloading-spinnersprogresspseudo-elementsspinnerspinnerswhirl
  Language:SCSS 1561

• learning-zone / css-basics

  CSS Basics ( CSS-3 )

  css3-interview-questionspseudo-elementscsscss-propertycss-preprocessorscss-spritescss3-flexboxcss3-gridlessscss
  Language:HTML 752

• jjkaufman / laptop.css

  laptop CSS for the modern world

  cssascii-artasciipseudo-elements
  Language:HTML 112
• skyle

  skylejs / skyle

  ☁️🎨 An experimental universal, customizable styling and animation library for React Native. (beta)

  react-nativestylingtransitionsmedia-queriespseudo-elementspseudo-classescustomizableexpowebandroidioswindowsmacosbox-shadow
  Language:TypeScript 23

• lvzhenbang / pseudo

  what can a pseudo-class do?

  html5pseudo-elementspseudo-classes
  17

• richardzcode / fluid-react

  Grid system for React, and more

  javascriptreactfluidgridmediaquerypseudo-elements
  Language:JavaScript 17

• alitahir4024 / before-and-after-effects-on-buttons

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

  pseudo-elementscsshtmlhtml-cssbefore-after
  Language:CSS 7

• CodelyTV / css-selectors-best-practices-course

  CSS course selector examples

  cascadecsscss3elementshtmlpseudo-classespseudo-elementsselectorsspecificitygood-practices
  Language:HTML 7

• japsolo / curso-intro-html-css

  Curso Introductorio a los lenguajes HTML y CSS

  htmlhtml5csscss3bootstrapbox-modelpseudo-elements
  7

• JohnMwendwa / Beautiful-headers-and-animations-using-pseudo-elements

  Learn to use the :before & :after css pseudo elements to make your layouts fancy without using any libraries

  csspseudo-elements
  Language:CSS 7

• learnwithahmed / css-challenge

  Time to show your muscles 💪

  cssflexboxpseudo-elementspseudo-classes
  3

• WandersonAlves / vue-shadow-badge

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

  vuebadgecsspseudo-elementsshadow-dom
  Language:JavaScript 3

• CleilsonAndrade / doceria_single_page

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

  cssdesignflexboxpseudo-elementssinglepagesweet-shopfrontend
  Language:CSS 2

• codernowrin29 / Pseudo-Box

  ["block" live site: http://127.0.0.1:5500/block.html] --> ["position" live site: http://127.0.0.1:5500/position.html] --> [pseudo live site: http://127.0.0.1:5500/pseudo.html]

  htmlinlineblockinline-blockpseudo-classespseudo-elementshtml-shortcutscss-styles
  Language:HTML 2

• emcglackenr1 / CSS_CoffeeCup

  A coffee cup drawn using just CSS. The methods I used included linear gradients, styling of pseudo-elements and the usage of authoring framework Compass.

  compasspseudo-elementscsscss3css-frameworkcss-artcss-drawinghtmlgradients
  Language:CSS 2

• hermesonbastos / html_css_origamid

  Um mini projeto em HTML e CSS que acompanha a mnha evolução no aprofundamento dos conhecimentos em web design durante o decorrer do curso HTML e CSS Para iniciantes, da plataforma Origamid.

  acessibilitygrid-layoutpseudo-classespseudo-elementsresponsive
  Language:CSS 2

• korrniichuk / Article-Layout

  Creating an article: case study for Creative Practice #1

  articlecase-studycsshtmlmedia-queriespseudo-classespseudo-elementssemantic-layout
  2

• ryanmorr / pet

  Pseudo-element templating

  javascriptcsspseudo-elementstemplate
  Language:JavaScript 2

• Aleshere / frontend-mentor-article-project

  flexbox-cssgrid-cssmedia-queriespseudo-elementscss-variables
  Language:CSS 1

• AntonV0 / website-design-system

  Project #13 of Codecademy's Full Stack Engineer Career Path

  button-animationbutton-stylecolor-schemecss-gradientscss3design-systemflexfont-pairingshtml5pseudo-classespseudo-elements
  Language:HTML 1

• diegoivg98 / HTML-CSS

  Ejercicios/ejemplos del OpenBootcamp

  htmlcsspseudo-classespseudo-elementsformsanimation-csstransitionsmedia-queriesresponsivebootstrapcardsmodalsasssass-mixinsopenbootcamp
  Language:HTML 1

• fadyehabamer / PseudoElements-hoverAnimation

  Pseudo-elements Hover animation using css3

  css3pseudo-elementsanimation
  Language:CSS 1

• hongkiat / css-better-paragraph

  Create a better Paragraph with CSS3 :first-letter and :first-line pseudo-elements

  css3pseudo-elementsparagraphs
  Language:HTML 1

• leonardoalmir / aluracast

  Neste projeto desenvolvemos uma página com uma estilização bem moderna e organizada. Utilizamos a maioria das tags HTML5 e muita propriedade CSS3, aplicando as principais características de um layout baseado em Grid.

  asidebarcss-variablesflexboxgitgradientgridmedia-queriesnth-childpseudo-classespseudo-elementsminmaxgoogle-fonts
  Language:HTML 1

• leonardoalmir / aluraplay

  Neste projeto estudamos a fundo sobre o Flexbox (CSS3) em um projeto chamado AluraPlay, é uma plataforma de vídeos com um layout moderno e rico em elementos.

  background-imagecss-variablesflexboxgitmedia-queriesnth-childoverflowpseudo-classespseudo-elementsreset-css
  Language:HTML 1

• leonardoalmir / skate

  Nosso trabalho nesse projeto foi montar uma página de comunidade de skate, usamos Flex box e Grid. Além disso, este layout está todo dentro do Figma (o link para o figma está no README deste repositório). A seguir você terá o link para acessar a página do projeto:

  css-variablesflexboxfont-facegitgridiconsmedia-queriespseudo-elementsreset-csstemplate-areas
  Language:HTML 1

• marktim24 / PalorinneOy-Landing-Page

  Finnish construction company Landing page made with JQuery, Bootstrap and SCSS

  htmllanding-pagescssscss-functionsscss-loopsscss-mixinsscss-variablesscss-selectorsbootstrap5figmajquerymedia-queriespseudo-elementsscss-keyframes
  Language:CSS 1

• martuza-shimul / Responsive-and-Animated-navbar-Sass

  clip-path, keyframes, pseudo-elements, media-query, flex-box etc

  clip-pathkeyframespseudo-elementsmedia-queriesflex-boxscss
  Language:CSS 1

• MohammadRezaei5 / Favorite-Games

  CSS(Grid Layout, Pseudo Selectors and Elements, Font)

  fontgridgrid-layoutlayoutpseudo-elementspseudo-selectors
  Language:HTML 1

• Nathlo / animated-skills-bar

  Animated Skills Bars with percentages

  learning-by-doingonly-css-animationpseudo-elements
  Language:CSS 1

• Nathlo / scroll-down-button

  Useful widget on webpages to smoothly scroll down from page section to page section

  learning-by-doingscrollingpseudo-elementsanimation-css
  Language:CSS 1

• rimerian / Uber-landing

  A simple landing page based on the layout using HTML+CSS with adaptation to different device screens

  html5css3javascriptbootstrap-gridresponsive-designsassicon-fontpseudo-elementspseudo-classeslanding-page
  Language:HTML 1

• sgrowe / tailwind-pseudo-elements

  Pseudo-element variants for Tailwind CSS

  tailwindcsstailwindcss-pluginpseudo-elements
  Language:JavaScript 1

• Weber-Rodrigues / front-desafioCubos-portifolio

  Desafio de encerramento de unidade proposto pela Cubos Academy, o intuito era desenvolver um website(portfólio) utilizando HTML, CSS e FlexBox

  cssflexboxhtml5pseudo-classespseudo-elements
  Language:HTML 1

• IrynaDidkivska / Task_8

  Positions

  css3html5positionpseudo-elements
  Language:HTML