Munu

CSS3 Transition Timing Functions

หน้าแรก » ข่าวสาร » CSS3 Transition Timing Functions

Timing Functions ของ CSS

  • ease
  • linear
  • ease-in
  • ease-out
  • ease-in-out
  • step-start
  • step-end
  • steps([, [ start | end ] ]?)
  • cubic-bezier(<number>,<number>,<number>,<number>)

แต่เราสามารถนำรูปแบบที่ 9 หรือแบบ cubic-bezier(<number>,<number>,<number>,<number>) มาเขียนรูปแบบเฉพาะตัวของเราได้ นั่นก็เพราะว่า Functions ทั้ง 5 แบบแรกนั้นกำเนิดมาจากการเขียน cubic-bezier(x1,y1,x2,y2) (อ่านการเคลื่อนที่แบบโค้งในลูกบาศก์ จาก W3C) นั่นเอง ตามนี้

ease
มีค่าเท่ากับการเขียน cubic-bezier(0.25, 0.1, 0.25,1.0)
linear
มีค่าเท่ากับการเขียน cubic-bezier(0.0, 0.0, 1.0,1.0)
ease-in
มีค่าเท่ากับการเขียน cubic-bezier(0.42, 0, 1.0,1.0)
ease-out
มีค่าเท่ากับการเขียน cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out
มีค่าเท่ากับการเขียน cubic-bezier(0.42, 0, 0.58,1.0)
step-start
มีค่าเท่ากับการเขียน steps(1, start)
step-end
มีค่าเท่ากับการเขียน steps(1, end).
steps
มีค่าเท่ากับการเขียน steps(<number>,<number>).

เรามีทีมงานผู้เชี่ยวชาญที่มีประสบการณ์ด้านเว็บไซต์

มาประยุกต์ในการพัฒนาการให้บริการอยู่ตลอดเวลา เพื่อสร้างความพึงพอใจสูงสุดให้แก่ลูกค้าทุกท่าน
ด้วยประสบการณ์ที่เรามีอยู่นั้น ทำให้มั่นใจได้ว่าลูกค้าทุกท่านจะได้รับการบริการที่ดีจากเรา

Call

082-493-2295

E-mail

Konyubyub@Gmail.com

Location

บริษัท ดีไซน์นำโชค จำกัด
58/146 หมู่ที่ 6 หมู่บ้านซื่อตรง คลอง13 ตำบลบึงน้ำรักษ์ อำเภอธัญบุรี จังหวัดปทุมธานี 12110

2014 Powered by IYATHAI.com
Tel: 082-493-2295 E-mail: Konyubyub@gmail.com