Inautilo#Development
Ship-shape generators Β· Create and edit different CSS shape() types https://ilo.im/166ix8
_____
#Generator #Shapes #CssShapes #Browser #WebDev #Frontend #CSS
Ana Tudor π―A little thing I made on @codepen.io: breathing with `shape()`
https://codepen.io/thebabydino/pen/vEEqMWo
`shape()` is supported in Chrome 135+ and Safari 18.4+.
Firefox 126+ supports it for simple shapes (but not for this demo) when setting thelayout.css.basic-shape-shape.enabled to true in about:config.
#CSS #clipPath #cssClipPath #animation #cssShapes #code #coding #clipping #web #dev #webDevelopment #webDev #frontend
N-gated Hacker NewsOh, wow, an article urging us to "take a new look" at CSS shapes, because apparently, reviewing rectangles and circles is the hottest trend of 2018. ππ Clearly, the web needed yet another dive into the thrilling world of shapes, because who doesn't love spending 12 minutes re-learning how to put text around a triangle? ππ
https://www.smashingmagazine.com/2018/09/css-shapes/ #CSSShapes #WebDesign #Trends #DeveloperHumor #CreativeCoding #HackerNews #ngated
https://www.smashingmagazine.com/2018/09/css-shapes/ #CSSShapes #WebDesign #Trends #DeveloperHumor #CreativeCoding #HackerNews #ngated
Take A New Look At CSS Shapes β Smashing Magazine
This week, CSS Shapes ships in a production version of Firefox with the release of Firefox 62 β along with a very nice addition to the Firefox DevTools to help us work with Shapes. In this article, Rachel Andrew will take a closer look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier.
Hacker NewsTake a New Look at CSS Shapes (2018)
https://www.smashingmagazine.com/2018/09/css-shapes/
#HackerNews #CSSShapes #CSSDesign #WebDevelopment #SmashingMagazine #2018Trends
Take A New Look At CSS Shapes β Smashing Magazine
This week, CSS Shapes ships in a production version of Firefox with the release of Firefox 62 β along with a very nice addition to the Firefox DevTools to help us work with Shapes. In this article, Rachel Andrew will take a closer look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier.
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
#cssShapes #code #coding #frontend #web #dev #webDev #webDevelopment #scroll #scrollAnimation #trigonometry
pablolarahπ‘ CSS Shapes
by T. Afif @ChallengesCss
The Ultimate Collection of CSS-only Shapes
Pure CSS shapes made with a single-element, modern CSS and an optimized code. All the shapes are here, look no further!
#css #webdev #CSSshapes #ShapesOnlyCSS
#Development #Introductions
A guide to CSS shapes and offset-path Β· CSS offset-path will be significantly enhanced in Chrome, Firefox, and Safari https://ilo.im/13jcjd
_____
#Animation #Motion #Positioning #CssOffsetPath #CssShapes #WebDevelopment #WebDev #Frontend #HTML #CSS #SVG
#Development #Techniques
Improving CSS Shapes with trigonometric functions Β· We now have a lot of ways to work with CSS Shapes https://ilo.im/1239qq Β· by @DanCWilson
_____
#Trigonometry #WebDevelopment #WebDev #Frontend #CSS #CssShapes #ClipPath
