[B! css] pink_revengeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pink_revenge id:pink_revenge

cssã«é–¢ã™ã‚‹pink_revengeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{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}}

ãƒã‚¤ã‚ãƒ³ã‚° - ã‚¢ãƒ³ã‚µã‚¤ã‚¯ãƒãƒšãƒ‡ã‚£ã‚¢
ã“ã®é …ç›®ã§ã¯ã€ã‚¢ãƒˆãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ãƒ´ã‚¡ã‚¤ã‚ãƒ³ã‚°ã«ã¤ã„ã¦ã¯ã€Œæµ·è³Šã€ã‚’ã€å®šé¡ã§è‡ªç”±ã«å¥½ããªã ã‘é£Ÿã¹ã‚‰ã‚Œã‚‹é£Ÿäº‹ã«ã¤ã„ã¦ã¯ã€Œé£Ÿã¹æ”¾é¡Œã€ã‚’ã€ãŠç¬‘ã„ã‚³ãƒ³ãƒ“ã«ã¤ã„ã¦ã¯ã€Œãƒã‚¤ãã‚“ãã€ã‚’ã”è¦§ãã ã•ã„ã€‚ æ¦‚è¦ ã“ã®ã‚¢ãƒˆãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ä»•çµ„ã¿ã¯è‡³ã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ä¸ŠãŒã‚Šä¸‹ãŒã‚Šã‚’ç¹°ã‚Šè¿”ã™ã ã‘ã§ã‚ã‚‹ã€‚æœ€è¿‘ã§ã¯åŠ é€ŸãŒé€Ÿã‹ã£ãŸã‚Šã€ä¸€å›žè»¢ã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ãŒåŸºæœ¬çš„ã«å·¨å¤§ãªãƒ–ãƒ©ãƒ³ã‚³ã§ã‚ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ãªã„ã€‚ä»–ã®ç‰¹å¾´ã¯ã‚¸ã‚§ãƒƒãƒˆã‚³ãƒ¼ã‚¹ã‚¿ãƒ¼ãŒåœŸå°ã‹ã‚‰å»ºè¨ã•ã‚Œã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€ãƒã‚¤ã‚ãƒ³ã‚°ã¯è¨ç½®åž‹ã®ã‚¢ãƒˆãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªã®ã§æŒã¡é‹ã³ã§ãã‚‹ã€‚ã¤ã¾ã‚Šä»®ã«é–‰åœ’ã—ãŸã¨ã™ã‚‹ã¨ã€éŠåœ’åœ°ã¨ä¸€å¿ƒåŒä½“ã§éŒ†ã³ã¤ãæ»…ã³ã‚’å¾…ã¤ã ã‘ã‹è§£ä½“ã•ã‚Œã¦é‰„ããšã«ãªã‚‹ã‹ã©ã¡ã‚‰ã‹ã®æœ€å¾Œã—ã‹è¿Žãˆã‚‰ã‚Œãªã„ã‚¸ã‚§ãƒƒãƒˆã‚³ãƒ¼ã‚¹ã‚¿ãƒ¼ã¨æ¯”ã¹ã‚‹ã¨ã€ãƒã‚¤ã‚ãƒ³ã‚°ã¯ã©ã“ã‹ã«ç½®ã‹ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ æ´å² éŠåœ’åœ°ã®èŠ±å½¢ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚¸ã‚§ãƒƒãƒˆã‚³ãƒ¼ã‚¹ã‚¿ãƒ¼ã¨æ¯”è¼ƒã™ã‚‹ã¨ãã®æ´å²ã¯ã‚‚ã®ã™ã”ãæµ…ã„ã‚‚ã®ã§ã‚¸
pink_revenge 2021/01/05
CSSã§ã“ã†ã„ã†è¡¨ç¾ã§ãã‚‹ã®ãã‡

css

ãŠã‚‚ã—ã‚
ãƒªãƒ³ã‚¯
Tridiv | CSS 3D Editor
Concept, code and design by Julian Garnier. For questions, feedback, bugs or anything related to Tridiv, contact me on twitter @TridivApp. Tridiv is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
pink_revenge 2013/10/21
css

3d
ãƒªãƒ³ã‚¯
H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -
HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„ã€Œbox-shadowã€ã€Œtransf ormã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„ã€Œ:afterã€ã‚’ä½¿ã£ãŸè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ Â» 01.åˆ‡ã‚Šå–ã‚Šç·š ç´™ã‚’åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ Â» ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5pxä¸‹ã«å½±ã‚’ã‚ªãƒ•ã‚»ãƒƒãƒˆã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—ç¸®å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’æ®‹ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
pink_revenge 2013/02/13
css
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

cssã«é–¢ã™ã‚‹pink_revengeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

cssã«é–¢ã™ã‚‹pink_revengeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒã‚¤ã‚­ãƒ³ã‚° - ã‚¢ãƒ³ã‚µã‚¤ã‚¯ãƒ­ãƒšãƒ‡ã‚£ã‚¢

Tridiv | CSS 3D Editor

H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

cssã«é–¢ã™ã‚‹pink_revengeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒã‚¤ã‚ãƒ³ã‚° - ã‚¢ãƒ³ã‚µã‚¤ã‚¯ãƒãƒšãƒ‡ã‚£ã‚¢

H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹