Open in app

Sign In

Write

Sign In

Sasha
Sasha

2.5K Followers

Home

About

Feb 16, 2017

3 cool tricks CSS box shadow can do

CSS box-shadow trick! Using box-shadow to duplicate, so you don’t have to create more divs. box-shadow: 0 120px 0 $eggshell, 120px 0 0 $eggshell, 80px 40px 0 $eggshell, 0 80px 0 $eggshell, 80px 0 0 $eggshell, 40px 80px 0 $eggshell, 40px 40px 0 $eggshell, 0 40px 0 $eggshell, 40px 0…

CSS

1 min read

3 cool tricks CSS box shadow can do
3 cool tricks CSS box shadow can do
CSS

1 min read


Feb 15, 2017

CSS Sushi Board

Sushi anyone? In this pen/piece/work, I used radial-gradient to draw the Maki(left), linear-gradient to draw the lines on the tuna, salmon sushi and yellowtail sushi. (center) box-shadow for seaweed strip on tamago sushi and shadows for the board, green tea cup. Check this out on Codepen: http://codepen.io/sashatran/full/bgZVdm/ Speed code on Youtube: https://www.youtube.com/watch?v=UzK9Ov3sKh8

Sushi

1 min read

CSS Sushi Board
CSS Sushi Board
Sushi

1 min read


Feb 13, 2017

Drawing with CSS Radial Gradient, you say?

I bet this is what’s in your mind when you clicked into this post :)

CSS

2 min read

Drawing with CSS Radial Gradient, you say?
Drawing with CSS Radial Gradient, you say?
CSS

2 min read


Feb 12, 2017

CSS Coffee Cup

You can draw rectangles, squares and circle easily with CSS. But how about a trapezium-like coffee cup shape? This is how you do it. width: 100px; border-top: 250px solid salmon; border-left: 25px solid transparent; border-right: 25px solid transparent; You can play around with the figures, to create different sizes or different shapes. Codepen: http://codepen.io/sashatran/full/wgYQxz

Web Development

1 min read

CSS Coffee Cup
CSS Coffee Cup
Web Development

1 min read


Published in Prototypr

·Feb 9, 2017

How I started drawing CSS Images

I am inspired by graphic, visual design, and cute things. But unfortunately, I am not talented in drawing by hand. I enjoy looking at other designers’ illustrations on Dribbble, and was envious that they could draw such cute and intricate illustrations that are so inviting at the same time.

CSS

10 min read

How I started drawing CSS Images
How I started drawing CSS Images
CSS

10 min read


Feb 4, 2017

Daily CSS Images Day 8: Notebook

Codepen: https://codepen.io/sashatran/full/LxxWqq/

CSS

1 min read

Daily CSS Images Day 8: Notebook
Daily CSS Images Day 8: Notebook
CSS

1 min read


Jan 30, 2017

Daily CSS Images Day 6: Clock

Just a simple clock. Codepen: http://codepen.io/sashatran/full/OWbJzG/

Clock

1 min read

Daily CSS Images Day 6: Clock
Daily CSS Images Day 6: Clock
Clock

1 min read


Jan 25, 2017

Daily CSS Images Day 5: Favorite Animated Animal

Mike Wazowski from Monster Inc.

CSS

1 min read

Daily CSS Images Day 5: Favorite Animated Animal
Daily CSS Images Day 5: Favorite Animated Animal
CSS

1 min read


Jan 20, 2017

Daily CSS Images Day 4: Tiger

A tiger reading newspaper.

CSS

1 min read

Daily CSS Images Day 4: Tiger
Daily CSS Images Day 4: Tiger
CSS

1 min read


Jan 20, 2017

Daily CSS Images Day 3: Beaver

I’ve never seen a beaver before, so this is what I imagine it would look like :p Codepen: https://codepen.io/sashatran/full/NdNqPo/

CSS

1 min read

Daily CSS Images Day 3: Beaver
Daily CSS Images Day 3: Beaver
CSS

1 min read

Sasha

Sasha

2.5K Followers

UI/UX Engineer http://codepen.io/sashatran https://www.instagram.com/sasha.codes/

Following
  • Muzli

    Muzli

  • Luisina Romero Lema

    Luisina Romero Lema

  • Alex Tkachev

    Alex Tkachev

  • Julie Zhuo

    Julie Zhuo

  • Ali Spittel

    Ali Spittel

See all (267)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech