C.IM Administrator @admin

Recent searches

Search options

Only available when logged in.

0 posts0 participants0 posts today

**Volker** @vs_photo@pixelfed.social · Mar 19

Mar 19

Volker @vs_photo@pixelfed.social

Homeless

#freiheitsstatue #statueofliberty #usa #blackandwhite #blackandwhitephotography #schwarzweiss #grainy

#grainy

**Volker** @vs_photo@pixelfed.social · Mar 16

Mar 16

Volker @vs_photo@pixelfed.social

Sonnenuntergang am Fährhafen | Sunset at the ferry harbour

#sonnenuntergang #sunset #hafen #fähre #fährhafen #wolken #meer #asphalt #harbour #ferryharbour #anlegestelle #clouds #sun #blackandwhite #blackandwhitephotography #sea #mittelmeer #mediterraneansea #mountains #grainy #highcontrast #photography #landschaft #landscape #landscapephotography

Sonnenuntergang am Hafrn. Blick auf das Meer.

#landscapephotography

**Volker** @vs_photo@pixelfed.social · Mar 15

Mar 15

Volker @vs_photo@pixelfed.social

Altes Mofa

#mofa #zweirad #grainy #motobike #monochrom #monochrome #blackandwhite #blackandwhitephotography #schwarzweiss #photography

#photography

**Volker** @vs_photo@pixelfed.social · Mar 15

Mar 15

Volker @vs_photo@pixelfed.social

Alter Güterbahnhof Heidelberg
Heute befindet sich der Heidelberger Bahnstadt auf dem Gelände

#güterbahnhof #lostplace #heidelberg #bahnstadt #stellwerk #blackandwhite #blackandwhitephotography #schwartweiss #photography #grainy #highcontrast #monochrome #monochrome #abandoned #urbex #urbexphotography

#urbexphotography

**Volker** @vs_photo@pixelfed.social · Mar 12

Mar 12

Volker @vs_photo@pixelfed.social

2 Liegestühe warten auf Godot

#liegestuhl #deckchair #sunbed #photography #grainy #monochrome #monochrom #blackandwhite #schwarzweiss #cityscape

#cityscape

**Volker** @vs_photo@pixelfed.social · Mar 11

**Volker** @vs_photo@pixelfed.social · Mar 8

**Niamh Bernadette** @NotAHopeInHades@pixelfed.social · Mar 8

**Volker** @vs_photo@pixelfed.social · Mar 6

Mar 6

Volker @vs_photo@pixelfed.social

Le Mont-Saint-Michel 8 | Eglise | Kirche - Blick nach oben

More: Collection "Mont-Saint-Michel" (https://pixelfed.social/c/802512079592127406)

#MontSaintMichel #normandie #manche #monochrom #monochrome #zentralperspektive #weitwinkel #wideangle #wideanglephotography #perspektive #säulen #stonepillars #blackandwhite #blackandwhitephotography #france #frankreich #grainy #schwarzweiss #interior #architecture #steinsäulen #architecturephotography #architektur #normandy #church #kirche #kloster #monastery #cloitre #eglise #kirchenschiff

Le Mont-Saint-Michel - Kirche - Blick nach oben

#kirchenschiff

**Volker** @vs_photo@pixelfed.social · Mar 5

**Volker** @vs_photo@pixelfed.social · Mar 4

**Volker** @vs_photo@pixelfed.social · Mar 4

**Volker** @vs_photo@pixelfed.social · Mar 3

**Volker** @vs_photo@pixelfed.social · Mar 2

**Volker** @vs_photo@pixelfed.social · Mar 2

**Niamh Bernadette** @NotAHopeInHades@pixelfed.social · Mar 1

**Volker** @vs_photo@pixelfed.social · Mar 1

Mar 1

Volker @vs_photo@pixelfed.social

Abbaye Notre-Dame de Jumièges

Die Abtei Jumièges (lat. Monasterium Gemeticensis) in Jumièges im Département Seine-Maritime war eine Benediktinerabtei und bis zu den Religionskriegen eines der größten Klöster Frankreichs. Die wenigen bis heute erhaltenen Teile bestehen aus Ruinen, die der Öffentlichkeit zugänglich gemacht wurden.
Inhaltsverzeichnis

#abbaye #Jumièges #Abtei #SeineMaritime #Benediktinerabtei #kloster #ruine #monochrome #normandie #normandy #france #monastery #monochrom #toned #grainy #architecture #architekturfotografie #sony #a7rIVa #wideangle #wideanglephotography #abbey #wideangle

Continued thread

**Ana Tudor** @anatudor@mastodon.social · Feb 28 *

Feb 28 *

Ana Tudor @anatudor@mastodon.social

Made a gallery of such #SVG gradient + #filter effects blobs on @codepen
https://codepen.io/thebabydino/full/YPzNWoR

Also includes an explanation of the how behind and interaction: the focal point of the `radialGradient` the blobs start from follows the cursor on hover.

Different blobs for light/ dark mode.

Comparative screenshot of a few of the blobs in both light and dark mode.

$Demo screen with the info section. Each distorted blob starts out as a circle, tightly fit inside its parent svg element (which has its viewBox set so its 0,0 point is dead in the middle). This circle then gets a radialGradient fill. Choosing the SVG radial gradient over the CSS one as it also allows setting focal point coordinates (fx,fy) distinct from cx,cy - hover a blob to see how its focal point follows the cursor. <radialGradient id='g' gradientUnits='objectBoundingBox' fx='.35' fy='.65'> <stop stop-color='var(--c0)'/> <stop stop-color='var(--c1)' offset='.5'/> <stop stop-color='rgba(from var(--c1) r g b/ 0)' offset='1'/> </radialGradient> The circle with the gradient is then blurred, distorted & given a grainy/ dithered look. The last two actions make use of the same concept of altering the input using noise generated by feTurbulence as a displacement map. The displacement used for distortion is relative to input size. The noise used for dithering is finer (larger baseFrequency). <filter id='distort' primitiveUnits='objectBoundingBox' x='-50%' y='-50%' width='200%' height='200%'> <feTurbulence type='fractalNoise' baseFrequency='.00713'/> <feDisplacementMap in='SourceGraphic' scale='.3' yChannelSelector='R'/> </radialGradient> <filter id='grain' x='-50%' y='-50%' width='200%' height='200%'> <feTurbulence type='fractalNoise' baseFrequency='7.13'/> <feDisplacementMap in='SourceGraphic' scale='32' yChannelSelector='R'/> </radialGradient>$

#svgGradient #cssGradient #blob

**Niamh Bernadette** @NotAHopeInHades@pixelfed.social · Feb 28

**Ana Tudor** @anatudor@mastodon.social · Feb 28

Feb 28

Ana Tudor @anatudor@mastodon.social

Grainy distorted gradient blob: 1 #SVG `radialGradient` (setting a focal point `fx,fy`) vs. multiple #CSS `radial-gradient()` layers (no option to control focal point).

Using filters for distortion & grain effect.

A bit more detail on this https://www.reddit.com/r/css/comments/1j03iyv/comment/mf89ri9/

Comparative result of the SVG radialGradient vs. the CSS radial-gradient() blob.

#svgGradient #cssGradient #blob

Drag & drop to upload

Recent searches

Search options

Administered by:

Server stats:

#grainy