← Code in the Wind #1 challenge site

Finals: Control Room

Reference

Reference image

Objectives

  • สร้าง Grid แบบ 3x3 Cells โดยมีตัวเลขเรียงในแต่ละช่องเป็นตัวเลข 001 ถึง 009
  • เพิ่มรูปแมวเป็นพื้นหลังของ Grid แต่ละช่อง ด้านหลังตัวเลข โดยแต่ละช่องมีรูปแตกต่างกัน
    • URL: https://i.showdown.space/e01/cats/1.jpeg
    • URL: https://i.showdown.space/e01/cats/2.jpeg
    • URL: https://i.showdown.space/e01/cats/3.jpeg
    • URL: https://i.showdown.space/e01/cats/4.jpeg
    • URL: https://i.showdown.space/e01/cats/5.jpeg
    • URL: https://i.showdown.space/e01/cats/6.jpeg
    • URL: https://i.showdown.space/e01/cats/7.jpeg
    • URL: https://i.showdown.space/e01/cats/8.jpeg
    • URL: https://i.showdown.space/e01/cats/9.jpeg
  • ทำให้ Grid เฉียง (Diagonal) โดยตัวเลขในแต่ละแถวต้องเรียงจากซ้ายไปขวา และบนลงล่าง (001 / 002 003 / 004 005 006 / 007 008 / 009).
  • ทำให้ภาพเป็นเฉดสีชมพู
  • เพิ่ม Soft Inner Shadow ในแต่ละ Cell ของ Grid

English

  • Create a 3x3 grid with numbers 001 through 009.
  • Add a cat image as the background of each grid behind the numbers. Each cell has a different cat image.
    • URL: https://i.showdown.space/e01/cats/1.jpeg
    • URL: https://i.showdown.space/e01/cats/2.jpeg
    • URL: https://i.showdown.space/e01/cats/3.jpeg
    • URL: https://i.showdown.space/e01/cats/4.jpeg
    • URL: https://i.showdown.space/e01/cats/5.jpeg
    • URL: https://i.showdown.space/e01/cats/6.jpeg
    • URL: https://i.showdown.space/e01/cats/7.jpeg
    • URL: https://i.showdown.space/e01/cats/8.jpeg
    • URL: https://i.showdown.space/e01/cats/9.jpeg
  • Turn the grid diagonally, the numbers should be sequential when reading from left to right, top to bottom (001 / 002 003 / 004 005 006 / 007 008 / 009).
  • Make the image monochrome with shades of pink
  • Add soft inner shadow to each cell of the grid.