Decoded Pixel

UI/UX Designer, Accessibility and Front-end fanatic

[Ali @alicalimli_dev]

Shine animations in CSS are actually simple to make.

.shine-container {
position: relative;
overflow: hidden;
}

.shine-container::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.25),
transparent
);
animation: shine 1.5s infinite;
}

@keyframes shine {
100% { transform: translateX(100%); }
}

Now you have a reusable shine effect, that you can reuse in any container!

If you found this useful, follow for more. ❤️

[Birmingham Archives & Collections @TheIronRoom]

#BirminghamHistory #CityOf1000Trades The Victoria Works on Graham Street was opened in 1840 and chiefly employed young women in the manufacturing of steel pen nibs making Gillott an extremely wealthy man. Reference: New Illustrated Directory (1856), LF 06 @LibraryofBham

[Birmingham Archives & Collections @TheIronRoom]

#MapOnATuesday is a picture map of Birmingham in the year 1730. Imagined and designed from official records with an introductory note by Bernard Sleigh (1872 – 1954) - the Birmingham born artist and illustrator (1924). Ref: LF 83.3/309631 @LibraryofBham

[Robert Kwolek @RobertKwolek]

A colorised view of Birmingham in 1886, by H. W. Brewer. You can see the smoke of industry in the background. We rightly threw that out of cities, but we threw the baby out with the bathwater and demolished the foreground as well in the quest for cars and space. Awful mistake.

[Cool Box Art @CoolBoxArt]

Sainsbury's Soft Toilet Tissue - Interleaved Double Pack (Pink ver.) / Tissues / Sainsbury's / 1969

[Michael · Design Partner @MichaelFilipiuk]

Most designers are lost when it comes to color.

Here's the simple 5-step process I use for all my design projects 👇

[Creative Boom @creativeboom]

Citrus brand Jaffa ripens its identity with Earthling Studio https://t.co/dHDvAZhz77

[Decoded Pixel @decodedpixel]

Johnson & Johnson new logo and branding

[penusbmic @penusbmic]

Improvement check ✔️ #pixelart #animation

[Nuri @actionhankbeard]

Sonic & Tails commission #CopicMarkers

[SolvingForZ @SolvingForZ]

Create a Responsive Real Estate Website with HTML, CSS & JavaScript
#html #css #javascript
https://t.co/TBU0QVdhTv

[Out of Place Studio @outofplacest]

Our work for @NHM_London. Our brand system, characterised by a textured paper-cut style, caters to varying age groups, ensuring adaptability and ease of use. https://t.co/1zV5yFiqwj #NatureLearning #Sustainability #OutofPlaceStudio

[Decoded Pixel @decodedpixel]

Nationwide Building Society new logo and branding.

[Decoded Pixel @decodedpixel]

Architectural detail at St Christopher's Church in Springfield.

[Pixel Art Journey @PixelArtJourney]

Pixel art bowl tutorial! 🍜 #pixelart

[Aysenur @AysnrTrkk]

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀
@CodePen

https://t.co/ix33OkAVop

[Chrome for Developers @ChromiumDev]

We love it when each item gets its own moment to shine 🤩

Use CSS scroll-driven animations to get this effect with only a few lines of code! #GUISnippets

[Ridd 🤿 @ridd_design]

Wow somebody put in WORK on this inspiration site 👏

A must-save for product designers 💯

[Asyraf Hussin @asyrafhussin4]

Draw Woman With Sunglasses using CSS

@CodePen : https://t.co/Lt2plDX6Do

[Ed Isaacs 🇺🇦 @IsaacsEd]

Birmingham’s #JewelleryQuarter has great character and is full of fascinating buildings