Sass(Scss) Memo: @mixin | Culture27
今回ã¯@mixinã«ã¤ã„ã¦ã§ã™ã€‚ Mixinã¯ã‚¹ã‚¿ã‚¤ãƒ«ï¼ˆè¦å‰‡é›†åˆã‚„宣言）を定義ã—ã€ãれをå†åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 定義ã—ãŸMixinã¯@includeã§ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ã¾ãŸã€Mixinã«ã¯å¼•æ•°ã‚’渡ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Mixinã®åˆ©ç”¨ä¾‹ clearfix用ã®Mixinを例ã«èª¬æ˜Žã—ã¾ã™ã€‚ ã¾ãšã¯Mixinを定義ã—ã¾ã™ã€‚ Scss @mixin clearfix { *zoom: 1; // &:after { content: ""; display: block; clear: both; } }
CSS Transformsã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢
æ—¢ã«è‰²ã€…ãªãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ãŒä½œã‚‰ã‚Œã¦ã„ãŸã‚Šã€å®Ÿç”¨ã•ã‚Œã¦ã„ãŸã‚Šã™ã‚‹CSS Transformsã§ã™ãŒã€ã¡ã‚ƒã‚“ã¨ç†è§£ã—ãŸã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã ãã‚“ãªã«è‡ªä¿¡ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä»¥å‰ã‚ˆã‚Šã¯ç†è§£ã§ããŸæ°—ãŒã—ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ãªã®ã§ã€è‡ªåˆ†ãŒåˆ†ã‹ã‚‹ç¯„囲ã§èª¬æ˜Žã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS Transformsã¯2Dã¨3Dã¨ã§åˆ¥ã«ãªã£ã¦ã„ã¾ã™ãŒã€å°†æ¥çš„ã«ã¯ SVG Transforms ã¨åˆã‚ã›ã¦ä¸€ã¤ã®ä»•æ§˜ã«ãªã‚‹ãã†ã§ã™ã€‚ 今ã¯ã¾ã 別々ãªã®ã§ã€ãã‚Œãžã‚Œã«ãƒªãƒ³ã‚¯ã‚’ã—ã¦ãŠãã¾ã™ã€‚括弧内ã¯ç¾æ™‚点ã§ã®æœ€æ–°ã®æ—¥ä»˜ã§ã™ã€‚ WD: CSS 2D Transforms（2011/12/15）ED: CSS Transforms（2011/11/28）WD: CSS 3D Transforms Module Level 3（2009/03/20）ED: CSS 3D Transforms（2011/03/21）新ã—ããªã£ãŸ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}