CSS Art: Practical and Creative illustrations With CSS

سرفصل های دوره

Explore the creative artistic possibilities of CSS. Bring your artistic ideas to reality using CSS

1 - Introduction

1 - Artistic projects we will create in this course

2 - Introduction

2 - CSS Properties Needed For This Course

3 - CSS-Art-Intro.zip

3 - Position Relative

4 - Position Absolute Part 1

5 - Position Absolute Part 2

6 - Selectors Part 1

7 - Selectors Part 2

8 - Creating Variables locally and globally

9 - CSS units px rem em

10 - CSS units em

11 - CSS units vmin vmax vh vw

12 - Creating a triangle with border and absolute position

13 - Using FLEX to centre an element vertically and horizontally

14 - Positioning an element to the centre using margin and absolute position

15 - CSS Transform

16 - The Art of boxshadow

17 - The Art of lineargradient and boxshadow

18 - Circular pattern with radial gradient

3 - England Flag Art

19 - Styling the England flag

19 - england-flag.zip

19 - reset.txt

4 - Laughing Emoji Art

20 - Basic Structure of the Laughing Emoji

20 - LaughingEmoji.zip

20 - reset.txt

21 - Styling the eyes and mouth

5 - Pepsi Logo

22 - Pepsi.zip

22 - Styling the Pepsi Logo

22 - reset.txt

6 - Bahamas Flag

23 - Bahamas.zip

23 - Styling the Bahamas Flag

7 - Tik Tok Logo

24 - Basic structure of the Tiktok logo

24 - tiktok.zip

25 - Styling the curve at the top

26 - Styling the curve at the bottom

8 - Duck Art

27 - Basic structure of the duck art

27 - duck.zip

27 - reset.txt

28 - Styling the nostril eye duck body and flip feather

29 - Styling the feathers

30 - Styling the legs

9 - WhatsApp Logo

31 - Basic structure of the WhatsApp logo

31 - whatsapp.zip

32 - Styling the white triangle

33 - Styling the green triangle and the phone icon

10 - Bulb On and Off

34 - Basic structure of the bulb

34 - bulb.zip

35 - Styling the handle of the bulb and the shade colour

36 - Styling the checkbox to give the onoff effect

11 - Spinning Fan

37 - Basic structure of the spinning fan

37 - fan.zip

38 - Styling the blades of the fan the rod and the base

39 - Styling the turn onoff button and animating the fan

12 - Popsicles Art

40 - Basic structure of the popsicles

40 - popsicles.zip

41 - Styling the popsicles with gradients

13 - Gmail Logo

42 - Styling the blue and green part of the logo

42 - gmail.zip

43 - Styling the crimson skewed part of the logo

14 - Eva from WallE

44 - Basic structure of eva

44 - eva.zip

44 - reset.txt

45 - Styling the 2 eyes

46 - Styling the body and 2 arms

15 - Google Logo

47 - Google.zip

47 - Styling the Google logo

47 - reset.txt

16 - South African Flag

48 - Basic structure of the South African flag

48 - SouthAfricanFlag.zip

48 - reset.txt

49 - Styling the triangles and the the lines on the flag

17 - Uchiha Logo

50 - Styling the Uchiha Logo

50 - reset.txt

50 - uchiha.zip

18 - Video Game Pad Art

51 - Basic structure of video game pad

51 - reset.txt

51 - video-game-pad.zip

52 - Styling the 2 handles

53 - Styling the circle holder

54 - Styling the tap button and the direction keys

55 - Rotating and translating the direction keys

56 - Styling the circle buttons

57 - Styling the joysticks

58 - Styling the 2 small rectangle buttons

59 - Styling the analog and red light

19 - Bart Simpson head

60 - Basic structure of Bart Simpson head

60 - bart.zip

61 - Styling the hair structure from hair1 to hair6

62 - Styling hair7 to hair9 and the forehead

63 - Styling the back and the eyebulge

64 - Styling the 2 eyes

65 - Styling the nose

66 - Styling the cheek and the covering of the nose

67 - Styling the lip and the lower jaw

68 - Styling the neck

69 - Styling the round neck and the ear shape

70 - Styling the ear linings

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy