Pens from Jintos https://codepen.io/Jintos/ en nospam@codepen.io Copyright 2024 2020-03-08T23:15:02-07:00 CSS Variables, responsive component https://codepen.io/Jintos/pen/gOpXypQ https://codepen.io/Jintos/pen/gOpXypQ Jintos

See the Code - See it Full Page - See Details

]]>
CSS Variables, responsive component 2020-03-08T23:15:02-07:00
test https://codepen.io/Jintos/pen/oNvEpvx https://codepen.io/Jintos/pen/oNvEpvx Jintos

See the Code - See it Full Page - See Details

]]>
test 2019-10-03T09:36:03-07:00
PostCSS Lost - A practical example with blog layout ! https://codepen.io/Jintos/pen/wGwwaV https://codepen.io/Jintos/pen/wGwwaV Jintos

See the Code - See it Full Page - See Details

A pratical example to build a blog layout with PostCSS Lost plugin !

]]>
PostCSS Lost - A practical example with blog layout ! 2018-01-26T10:01:28-07:00
PostCSS Square Spirale https://codepen.io/Jintos/pen/ZQgRyJ https://codepen.io/Jintos/pen/ZQgRyJ Jintos

See the Code - See it Full Page - See Details

CSS is awesome ! You draw a square , inside you draw another square and you rotate it until the edge of the square touch a side of the parent square, and you repeat again and again. You can calculate the angle of rotation with a mathematical formula , but it's not easy to understand... (actually for me). So i rotate square manually. check variables and play with them :) http://www.les-mathematiques.net/phorum/read.php?8,1196477,1196695 (in French)

]]>
PostCSS Square Spirale 2016-02-24T14:14:32-07:00
Let's make some bubbles! Html & Sass https://codepen.io/Jintos/pen/MYWErz https://codepen.io/Jintos/pen/MYWErz Jintos

See the Code - See it Full Page - See Details

I'm playing with the random() function in SASS to create these bubbles. Easy to use and really helpfull.

]]>
Let's make some bubbles! Html & Sass 2014-11-15T00:16:08-07:00
-webkit-background-clip:text CSS effect https://codepen.io/Jintos/pen/OJKodm https://codepen.io/Jintos/pen/OJKodm Jintos

See the Code - See it Full Page - See Details

Use -webkit-background-clip: text and -webkit-fill-text-color : transparent to apply a background to a text on webkit browser. Set a color fallback for other browser. Base on this article from Divya Manian : http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

]]>
-webkit-background-clip:text CSS effect 2019-05-29T08:18:25-07:00
EpileptiCSS https://codepen.io/Jintos/pen/wvLbgx https://codepen.io/Jintos/pen/wvLbgx Jintos

See the Code - See it Full Page - See Details

An effect to display letter or word step by step on parent hover. This pen is a sample of the final project. Using HTML and CSS.

]]>
EpileptiCSS 2014-10-30T16:58:23-07:00
Fluid Grid System https://codepen.io/Jintos/pen/eYwLPX https://codepen.io/Jintos/pen/eYwLPX Jintos

See the Code - See it Full Page - See Details

A simple 12 columns grid system in %.

]]>
Fluid Grid System 2014-10-29T17:37:29-07:00
Giflinks https://codepen.io/Jintos/pen/vYWWBm https://codepen.io/Jintos/pen/vYWWBm Jintos

See the Code - See it Full Page - See Details

"The internet is better with giflinks" ~ George Washington Forked from [Tim Holman](http://codepen.io/tholman/)'s Pen [Giflinks](http://codepen.io/tholman/pen/gJBdi/).

]]>
Giflinks 2014-07-10T15:04:46-07:00
Fail better: CSS inverted border radius https://codepen.io/Jintos/pen/GRNVNd https://codepen.io/Jintos/pen/GRNVNd Jintos

See the Code - See it Full Page - See Details

Alternative technique here https://coderwall.com/p/vwljzw Forked from [Diego Pardo](/diegopardo)'s Pen [Fail better: CSS inverted border radius](/diegopardo/pen/jAuib/).

]]>
Fail better: CSS inverted border radius 2014-05-15T11:00:17-07:00