[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] tekgraphixxã®ãƒ

tekgraphixx id:tekgraphixx

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹tekgraphixxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€Adobe XDã€‘è‡ªå‹•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€å±•é–‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ä½œã£ã¦ã¿ãŸ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€‚sitoã§ã™ã€‚ 11æœˆ20æ—¥ï¼ˆç«ï¼‰ã«ãƒ‘ã‚·ãƒ•ã‚£ã‚³æ¨ªæµœã§é–‹å‚¬ã•ã‚ŒãŸAdobe MAX Japanã«è¡Œã£ã¦ãã¾ã—ãŸï¼ ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®å†…å®¹ã¯ã‚‚ã¡ã‚ã‚“ã€åŽ»å¹´è²·ãˆãªã‹ã£ãŸPhotoshopã‚¯ãƒƒã‚·ãƒ§ãƒ³ã‚’è²·ãˆãŸã®ã§ç§ã¯æº€è¶³ã§ã™ã€‚ï¼ˆXDã‚¯ãƒƒã‚·ãƒ§ãƒ³ã‚‚æ¬²ã—ã‹ã£ãŸã®ã§ã™ãŒã€ã‚¯ãƒƒã‚·ãƒ§ãƒ³ã¯ï¼‘äººï¼‘å€‹ã¾ã§ã ã£ãŸã®ã§è«¦ã‚ã¾ã—ãŸã€‚ã€‚ã€‚ã¾ãŸæ¥å¹´è²·ãˆã‚‹ã¨ã„ã„ãªã‚ã€‚ã€‚ã€‚ï¼‰ ä»Šå›žã¯Adobe MAXã§ã‚‚è©±é¡Œã«ãªã£ã¦ã„ãŸã€XDã®è‡ªå‹•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ã„ã˜ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ è‡ªå‹•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€ä¸Šã‹ã‚‰å±•é–‹ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ â–¼ã‚„ã‚ŠãŸã„ã“ã¨ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ã€ä¸Šã‹ã‚‰ä¸‹ã«å‘ã‹ã£ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå±•é–‹ã™ã‚‹ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã€Œâœ•ã€ã‚¢ã‚¤ã‚³ãƒ³ã«å¤‰ã‚ã‚‹ â–¼ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã€Œâœ•ã€ã‚¢ã‚¤ã‚³ãƒ³ã«å¤‰ã‚ã‚‹ å…ˆã«ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ãã¾ã™ã€‚ ãƒãƒ³ãƒ
tekgraphixx 2018/12/20
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—

XD
ãƒªãƒ³ã‚¯
SVGã§ãƒãƒ³ãƒ‰ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ | UNORTHODOX WORKBOOK | Blog
æ–‡å—ã‚’æ›¸ãé †é€šã‚Šã«å¾ã€…ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦æç”»ã™ã‚‹ã€Œãƒãƒ³ãƒ‰ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚’SVGã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã€‚ ä»¥å‰ã« AfterEffects ã§åŒã˜ã‚ˆã†ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€ãã‚Œã®SVGãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚AfterEffects ã®å ´åˆã¯ã€å½“ç„¶ãªãŒã‚‰å‹•ç”»ã¨ã—ã¦å‡ºåŠ›ã—videoè¦ç´ ã§å‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚“ã§è¡¨ç¤ºã•ã›ã‚‹ã‚ã‘ã ã‘ã©ã€SVGã®å ´åˆã¯ã€ï¼ˆä¸»ã«ï¼‰ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGã‚’è¨ç½®ã—ã¦JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦å®Ÿç¾ã™ã‚‹ã€‚ å°‘ã—å‰ã¾ã§ã¯ã€ä¸€éƒ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã†ã¾ãè¡¨ç¤ºã§ããªã‹ã£ãŸï¼ˆæ°—ãŒã—ãŸï¼‰ãŒã€ä»Šã¯å…¨ãå•é¡Œãªãè¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãŸã€‚å¤ã„IEï¼ˆ10ä»¥å‰ï¼‰ã§ã¯ã•ã™ãŒã«ç„¡ç†ã ã‘ã©ã€ã‚‚ã†è€ƒæ…®ã™ã‚‹å¿…è¦ã¯ãªã„ã¨æ€ã‚ã‚Œã‚‹ã®ã§ã€ååˆ†ã«ä½¿ãˆã‚‹è¡¨ç¾ã ã¨æ€ã†ã€‚ SVGã®ä½œæˆãŒæ„å¤–ã«é¢å€’ã ã£ãŸã®ã§ä½œæˆæ™‚ã®ãƒã‚¤ãƒ³ãƒˆã¨ã‹ã€HTMLã¸è¨ç½®ã™ã‚‹æ–¹æ³•ã€JSå®Ÿè£…ã§ã¯ã¾ã£ãŸç‚¹ç‰ã‚’è¦šæ›¸ã¨ã—ã¦æ›¸ã„ã¦ãŠãã€‚ ãƒãƒ³ãƒ‰ãƒ©ã‚¤ãƒ†ã‚£ãƒ³
tekgraphixx 2017/08/18
SVG

ãƒžã‚¹ã‚ãƒ³ã‚°

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¯ãƒªãƒƒãƒ”ãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSSãƒ©ã‚¤ã‚¯ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å„ªã—ã„ï¼anime.jsã¯DOMã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–°å®šç•ªã ï¼
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ–¹æ³•ã¨ã—ã¦æµ·å¤–ã§ã„ã¾ã‚‚ã£ã¨ã‚‚è©±é¡Œãªã®ãŒã€anime.jsã§ã—ã‚‡ã†ã€‚æ—¥æœ¬ã®ã€Œã‚¢ãƒ‹ãƒ¡ã€ãŒèªžæºã®æ³¨ç›®ã®DOMã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®ä½¿ã„æ–¹ã‚’è©³ã—ãã€‚ ã‚‚ã—é€Ÿãã¦è»½ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’æŽ¢ã—ã¦ã„ã‚‹ãªã‚‰ã€Julian GarnierãŒè€ƒæ¡ˆã—ãŸanime.jsã‚’æ¤œè¨Žã—ã¦ã¿ã¦ã¯ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®è¨˜äº‹ã¯ã€SVGç”»åƒã‚’å«ã‚€å‹•çš„ãªDOMã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹è§£èª¬ã§ã™ã€‚è¨˜äº‹ã§ã¯ã€canvas-WebGLã‚„SVGã«ç‰¹åŒ–ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã«è§¦ã‚Œã‚‹ã¤ã‚‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãŸã ã—ã€Webãƒšãƒ¼ã‚¸ã®HTMLè¦ç´ ï¼ˆç†æƒ³çš„ã«ã¯SVGç”»åƒã‚‚ï¼‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚Œã°ã€åˆ¥ã®æ©Ÿä¼šã«ç´¹ä»‹ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ è¨˜äº‹ã®ç›®çš„ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’åˆ†æžã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’æŽ˜ã‚Šä¸‹ã’ã‚‹ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¸»ã«CSSã‚’ä½¿ã†äººãŒã€DOMã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã«JavaScriptã§ãªã«ãŒã§ãã‚‹ã‹ã‚’è¿½åŠã™ã‚‹ã€
tekgraphixx 2017/06/09
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

anime.js
ãƒªãƒ³ã‚¯
AOS - Animate on scroll library
<div data-aos="fade-up" data-aos-duration="3000"> </div> <div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"> </div>
tekgraphixx 2017/05/19
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
2016å¹´ç·ã¾ã¨ã‚ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸
æ¯Žå¹´æ’ä¾‹ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç·ã¾ã¨ã‚ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå¹´ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‹ã‚‰ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸã‚‚ã®ã¾ã§ã€ã“ã‚Œã‹ã‚‰ã®Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ãƒšãƒ¼ã‚¸ã®åˆ¶ä½œã«å½¹ç«‹ã¤JavaScriptã‚’100+Î±ã¾ã¨ã‚ã¾ã—ãŸã€‚ KUTE.js ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€2Dã¨3Dã®å¤‰å½¢ã€SVGã®å¤‰å½¢ã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£å€¤ã®å¤‰åŒ–ã€SVGã®ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã€SVGã®æç”»ãªã©ãƒã‚¤ãƒ†ã‚£ãƒ–ã®JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Choreographer-js ã€Œchoreographerã€ã¯æŒ¯ã‚Šä»˜ã‘ã¨ã„ã†æ„å‘³ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã•ã¾ã–ã¾ãªå‹•ããƒ»æŒ¯ã‚‹èˆžã„ã‚’ç°¡å˜ã«è¨å®šã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Barba.js é€šå¸¸ã®ãƒªãƒ³ã‚¯ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ãƒãƒ¼ãƒ‰ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’ãªãã—ã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨æç”»ã‚’æœ€å°é™ã«æŠ‘ãˆã€æ›´ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆ
tekgraphixx 2017/05/17
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

js

ã¾ã¨ã‚

SVG

javascript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è¿½ã†ãŸã‚ã«ã€æ¯Žæ—¥è¡Œã†3ã¤ã®ç¿’æ…£
æœ€è¿‘ã‚ã‚ŠãŒãŸã„ã“ã¨ã«ã€è‰²ã€…ãªæ¥ç•Œã®æ–¹ã‹ã‚‰ã€ ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã«ã¤ã„ã¦ã”è³ªå•ã‚’å—ã‘ã‚‹æ©Ÿä¼šãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªå¸‚å ´ã«ãŠã‘ã‚‹ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚Šã¯éžå¸¸ã«æ—©ãã€ æ—¥ã€…æ–°ã—ã„ã‚µãƒ¼ãƒ“ã‚¹ã‚„é–‹ç™ºãƒ„ãƒ¼ãƒ«ãŒç”Ÿã¾ã‚Œã¦ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸæµã‚Œã«å¯¾ã—ã€ã“ã‚Œã¾ã§ä¸»ã«é™çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”Ÿæ¥ã¨ã—ã¦ã„ãŸ ã€Œã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å½¹å‰²ã€ãŒã€ã“ã“æ•°å¹´ã§é£›èºçš„ã«åºƒãŒã£ã¦ãã¦ã„ã‚‹ã®ã¯ã€ å¼Šç¤¾ã®ã¿ãªã‚‰ãšã€æ¥ç•Œå…¨ä½“ã«ã‚‚è¨€ãˆã‚‹ã“ã¨ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã“ã§ä»Šå›žã¯ã€æ¬¡ã€…ã«æº¢ã‚Œå‡ºã¦ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«å¯¾ã—ã€ ã€Œæ—¥ã€…ã€ã©ã†ã„ã†ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã‚’ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ã€Œã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã«æ„è˜ã—ã¦ã„ã‚‹ã“ã¨ã¯ï¼Ÿã€ãªã©ã€åƒ•ãŒæ¯Žæ—¥å¿ƒãŒã‘ã¦ã„ã‚‹3ã¤ã®ç¿’æ…£ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘. æ¯Žæ—¥ã€æ±ºã¾ã£ãŸã‚µã‚¤ãƒˆã‚’ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã¿ã‚‹ çªç„¶ã§ã™ãŒã€åƒ•ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ æ™®é€šã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¨ã¯åˆ¥ã«ã€ã€Œæ¯Ž
tekgraphixx 2015/11/24
UI

Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
An Intro to SVG Animation with SMIL by Noah Blon on CodePen
It looks deceptively simple, but it's hard to do without a lot of keyframes. My mind jumped to SVG, and I've been wanting to give SMIL a shot. I didn't find many resources on SMIL out there, so I thought I'd share what I learned. WTF SMIL? SMIL, Synchronized Multimedia Integration Language, is a markup language you can use to animate SVGs without CSS or JS. Because SVG is vector-based, with SMIL y
tekgraphixx 2015/07/13
SVG

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
TheSassWay.com â€“ All SaSS Related Stuff
Among the myriad of resources available to entrepreneurs and industry professionals, podcasts have emerged as a potent medium for knowledge dissemination and community building. Within this podcasting landscape, one niche stands out prominently: Software as a Service (SaaS) podcasts. These audio platforms have garnered significant attention and acclaim, serving as invaluable sources of insights, s
tekgraphixx 2015/07/03
css

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transf orm: perspective(120px) } 50% { -webkit-transf orm: perspective(120px) rotateY(180deg) } 100% { -webkit-transf orm: perspective(120px) rotateY(180deg
tekgraphixx 2015/07/03
CSS3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
A Collection of Page Transitions
A Collection of Page Transitions with CSS Animations
tekgraphixx 2015/06/23
ã¨ãƒ©ãƒ³ã‚¸ãƒ§ãƒ³

CSS3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
On Scroll Header Effects with CSS Transitions
At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends kee
tekgraphixx 2015/06/23
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Sidebar Transitions
Slide in on top Reveal Push Slide along Reverse slide out Rotate pusher 3D rotate in 3D rotate out Scale down pusher Scale Up Scale & rotate pusher Open door Fall down Delayed 3D Rotate
tekgraphixx 2015/06/23
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
tekgraphixx 2015/06/23
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css3
ãƒªãƒ³ã‚¯
Fullscreen Overlay Styles & Effects | Demo 1
Overlay fades in and menu rotates slightly in perspective. As seen on Huge Open Overlay If you enjoyed this demo you might also like: Perspective Page View Navigation Animated Border Menus
tekgraphixx 2015/06/23
css3

full screen

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Menu to cross icon
One idea, possibilities Scroll down to discover different ways to do it <span id="x"></span> span { display: block; width: 30px; height: 30px; cursor: pointer; border-radius: 0px; margin: 15% auto; -webkit-transition: all .3s ease, -webkit-transf orm .2s ease; transition: all .3s ease, transf orm .2s ease; background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #2E313C 20%, #2E313C
tekgraphixx 2015/06/23
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
30 CSS Page Preload Animations Demo Example 3
tekgraphixx 2015/06/23
ã¾ã¨ã‚

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSSã§ä½œã£ãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‰ãƒãƒƒãƒ—ã®å‹•ãã„ã‚ã„ã‚
CSSã ã‘ã§ä½œã£ãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‰ãƒãƒƒãƒ—ã®å‹•ãã‚’ã„ã‚ã„ã‚ã¨è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã§ã™ãŒã€ç›®ã‚’å¼•ãå‹•ãã¯ã‚µã‚¤ãƒˆã®å°è±¡ã‚’ã‚ˆãã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ ã§ã¯è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯HTMLã‹ã‚‰ã§ã™ã€‚ <ul id="normal" class="dropmenu"> <li><a href="#">menu</a> <ul> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> </ul> </li> <li><a href="#">menu</a> <ul> <li><a href="#">submenu</a></li> <li><a href="#">submenu
tekgraphixx 2015/06/23
CSS3

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸ | Stronghold Archive
404 Not Found. ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚URLãŒå¤‰æ›´ã•ã‚ŒãŸã‹å‰Šé™¤ã•ã‚ŒãŸå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚The page you were looking for doesn't exist. You may have mistyped the address or the page may have moved.
tekgraphixx 2015/06/23
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸ | Stronghold Archive
404 Not Found. ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚URLãŒå¤‰æ›´ã•ã‚ŒãŸã‹å‰Šé™¤ã•ã‚ŒãŸå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚The page you were looking for doesn't exist. You may have mistyped the address or the page may have moved.
tekgraphixx 2015/06/23
CSS3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
AniCollection - The easiest way to find, use and share CSS3 animations.
The easiest way to find, use and share CSS3 animations.
tekgraphixx 2015/06/23
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸