وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 40921
    حجم: 9862 مگابایت
    مدت زمان: 998 دقیقه
    تاریخ انتشار: 2 آبان 1403
    دیگر آموزش های این مدرس
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید