[B! css3] puremacã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

puremac id:puremac

css3ã«é–¢ã™ã‚‹puremacã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (233)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

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

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

{{/following_bookmarks}}

{{/is_wiped}}

eky.hk
This domain may be for sale!
puremac 2018/10/26
css3

generator
ãƒªãƒ³ã‚¯
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
puremac 2018/06/05
.organization

jquery

plugin

css3

+animation
ãƒªãƒ³ã‚¯
http://pavlyukpetr.com/awesome/
puremac 2018/04/20
css3

+animation

generator
ãƒªãƒ³ã‚¯
GitHub - animate-css/animate.css: ðŸ¿ A cross-browser library of CSS animations. As easy to use as an easy thing.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
puremac 2017/11/06
github

css3

+animation

+IE10 higher
ãƒªãƒ³ã‚¯
Choreographer-js
A simple library to take care of complex CSS animations.
puremac 2017/09/08
github

JavaScript

css3

+animation
ãƒªãƒ³ã‚¯
Create custom and Instagram like photo filters for CSS
Visual playground for generating CSS for custom and Instagram like photo filters. Experiment with your own uploaded photo or select one from the Unsplash collection.
puremac 2016/09/20
generator

css3
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªCSS Snippets - NxWorld
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ãéš›ã«ã€å€‹äººçš„ã«ã‚ˆãã©å¿˜ã‚Œã—ã¦ã—ã¾ã†ã‚‚ã®ã‚„ä¾¿åˆ©ã ã¨æ€ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ å…¨ä½“çš„ã«æ™®æ®µã‹ã‚‰CSSã‚’ã‚ˆãè§¦ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯ç‰¹åˆ¥ç›®æ–°ã—ã„ã‚‚ã®ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã CSSã‚’è§¦ã‚Šå§‹ã‚ã¦é–“ã‚‚ãªã„æ–¹ã‚„ã“ã‚Œã‹ã‚‰CSSã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†ã®ã‚‚ã„ãã¤ã‹ã‚ã‚‹ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆç‰¹ã«IE9ä»¥ä¸‹ï¼‰ã«ã‚ˆã£ã¦ã¯ä½¿ç”¨ã§ããªã„ã‚‚ã®ã‚„è¡¨ç¤ºç¢ºèªãŒã§ããªã„ã‚‚ã®ã‚‚ã„ãã¤ã‹å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’å‰Šé™¤ ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ç”¨ã™ã‚‹inputã‚„textareaãªã©ã®è¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦è¦‹ãŸç›®ã¯ç•°ãªã‚Šã¾ã™ãŒã€äºˆã‚ãƒœãƒ¼ãƒ€ãƒ¼ãƒ»ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»è§’ä¸¸ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç‰¹ã«ã“ã ã‚ã‚ŠãŒãªã‘ã‚Œã°ã“ã®ã¾ã¾ä½¿ç”¨ã—ãŸã‚Šã€å¤šå°‘æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦
puremac 2016/05/06
checked

+form

css3

@

snippet
ãƒªãƒ³ã‚¯
CSS3ã§ç”»åƒã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨®
CSS3ã§ç”»åƒã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨® CSS3ã‚ªãƒ³ãƒªãƒ¼ã§ç”»åƒã‚’ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¤ã‚„ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚’ä½¿ç”¨ã—ã¦ã¡ã‚‡ã£ã¨ã ã‘å‡ã£ãŸæ„Ÿã˜ã«è¦‹ãˆã‚‹é¢¨ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ æŠ•ç¨¿æ—¥2015å¹´12æœˆ25æ—¥ æ›´æ–°æ—¥2015å¹´12æœˆ25æ—¥ åŸºæœ¬çš„ãªHTML åŸºæœ¬çš„ãªHTMLã¯ä¸‹è¨˜ã«ãªã‚Šã¾ã™ã€‚figureã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ HTML <section class="sample1"> <figure> <img src="thum01.jpg" width="400" height="266"> <figcaption class="title">Hover Effect 01</figcaption> </figure> </section> figureã®CSSã¯ã€Œoverflow: hiddenã€ã§ã¯ã¿å‡ºãªã„
puremac 2015/12/28
picked

css3

+navigation

+caption
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã§åˆ†ã‹ã‚‰ãªã„ã“ã¨ã¯ã™ãã«ç¢ºèªï¼HTML5, CSS3, jQuery, WordPress, Bootstrapãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextãªã©ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ PDFã‚„ç”»åƒã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ã¦ã€ã™ãã«ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ãã€‚
puremac 2015/10/05
picked

@

html5

css3

jquery

wordpress
ãƒªãƒ³ã‚¯
Subvisual | Perfecting a CSS 3D animation
With recent advances in front end techno logies, front end developers have been going crazy, pushing CSS to its limits and doing all sorts of beautiful animations. Seriously, there are some crazy things out there. I recently did this 3D animated atom in which I had to employ a couple of weird techniques which I'll try to explain here. See the Pen Subvisual - Animated Atom by Miguel Palhas (@naps62)
puremac 2015/07/27
picked

css3

+animation

tutorial
ãƒªãƒ³ã‚¯
Randomized CSS3 Gradient Generator
RANDOMIZED CSS3 GRADIENT GENERATOR When there are 281,474,976,710,656 choices, perhaps its better to roll the dice.
puremac 2015/07/27
generator

+gradient

css3
ãƒªãƒ³ã‚¯
The best tools for web development | Web Code Tools
Generate highly customizable CSS properties. Preview the results before copying them to your website.
puremac 2015/07/02
generator

css3

html5
ãƒªãƒ³ã‚¯
Magic Animations CSS3
Magic CSS are a set of simple animations to include in your web or app project's
puremac 2015/06/18
css3

+animation
ãƒªãƒ³ã‚¯
CSS3 Flexbox ã®å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä½¿ã„æ–¹ã‚’ãƒ´ã‚£ã‚¸ãƒ¥ã‚¢ãƒ«ã§è©³ã—ãè§£èª¬ | ã‚³ãƒªã‚¹
CSS Flexboxã¨ã¯æ°´å¹³ã¾ãŸã¯åž‚ç›´ã«è¦ç´ ã‚’é…ç½®ã—ã€æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã§ãã‚‹CSSã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚ä»Šã¾ã§ã‚ˆã‚Šå°‘ãªã„ã‚³ãƒ¼ãƒ‰ã§ã€ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªãƒ—ãƒã‚»ã‚¹ã§å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ CSS Flexboxã®åŸºç¤ŽçŸ¥è˜ã€Flexboxã®å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€Flexboxã§ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‹ã‚’è¦–è¦šçš„ã«è§£èª¬ã—ã¾ã™ã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2022å¹´6æœˆ16æ—¥ã€‘ IEãŒã‚µãƒãƒ¼ãƒˆçµ‚äº†ã—ãŸã“ã¨ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2021å¹´8æœˆ1æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2021å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2020å¹´8æœˆ23æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2020å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2019å¹´3æœˆ27æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2019å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—
puremac 2015/05/11
picked

css3

tips

flexbox
ãƒªãƒ³ã‚¯
AniCollection - The easiest way to find, use and share CSS3 animations.
The easiest way to find, use and share CSS3 animations.
puremac 2015/03/23
+animation

github

css3
ãƒªãƒ³ã‚¯
Transform Icons: Revive, Upgrade, and Maintain Your Vehicle
Vehicle damage can happen in many ways, from minor parking lot mishaps to more serious collisions. Even small imperfections canâ€¦
puremac 2015/02/23
css3

generator
ãƒªãƒ³ã‚¯
little-neko.com
Want your own domain name? Learn more about the domain name extensions we manage Find a domain name similar to little-neko.com
puremac 2014/12/26
Â¥premium

theme

web_design

html5

css3
ãƒªãƒ³ã‚¯
Webæˆ¦ç•¥è¨è¨ˆã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãªã‚‰æ ªå¼ä¼šç¤¾SAL
å‹• ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã€Œç¢ºã‹ãªæˆæžœã€ã‚’ã€ç”Ÿæ´»è€…ã«ã€Œãƒªã‚¢ãƒ«ãªã‚ˆã‚ã“ã³ã€ã‚’å±Šã‘ã‚‹Webã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒªã‚¢ãƒ«ãªå£°ã«åŸºã¥ãæˆ¦ç•¥è¨è¨ˆã¨ã€ãã®æˆ¦ç•¥ã‚’å®Ÿç¾ã™ã‚‹UIè¨è¨ˆã‚’è»¸ã«ã€Webã‚µã‚¤ãƒˆã®ä¼ç”»ã€ã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢ã®æ§‹ç¯‰ã€SNSé‹ç”¨æ”¯æ´ã€Webãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚’å¾—æ„ã¨ã™ã‚‹ã€‚åˆ¶ä½œã«ãŠã„ã¦ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚’å®Ÿæ–½ã—ã€ç”Ÿæ´»è€…ã«ã¨ã£ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã‚’é«˜ã‚ã‚‹ã“ã¨ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ç¢ºã‹ãªæˆæžœã«è²¢çŒ®ã—ã¾ã™ã€‚ å è‡ªåˆ†ãŸã¡ã®æ„å¿—ã‚’æŒã¡ã€æ˜Žç¢ºãªææ¡ˆã‚’ã—ã£ã‹ã‚Šã¨â€œç”³â€ã™ä¼æ¥ã€‚ åäºŒæ”¯ã®ã€Œç”³ï¼ˆã•ã‚‹ï¼‰ã€ã«ç”±æ¥ã€‚ å½¢ é‡Žå±±ã‚’ç¸¦æ¨ªç„¡å°½ã«é§†ã‘å›žã‚‹ãŸãã¾ã—ã•ã€‚ ç›´æ„Ÿã¨çŸ¥æ€§ã‚’å…¼ãå‚™ãˆãŸè¡Œå‹•åŠ›ã€‚ç¾¤ã‚Œã®ä»²é–“ã¨å¤§åˆ‡ã«ã™ã‚‹çµ†ã€‚ ãŸãã¾ã—ã„é‡Žç”Ÿã®ã‚µãƒ«ã®ã‚ˆã†ãªãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«é›†å›£ã€‚ WEBã‚µã‚¤ãƒˆä¼ç”»åˆ¶ä½œ SALã®å¼·ã¿ã¯ã€Webæˆ¦ç•¥è¨è¨ˆã®æ®µéšŽã‹ã‚‰å…¥ã‚Šã€æˆ¦ç•¥ã‚’å®Ÿç¾ã™ã‚‹é«˜ã„åˆ¶ä½œåŠ›ã«ã‚ã‚Šã¾ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¸ã®ãƒ’ã‚¢ãƒªãƒ³ã‚°ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å®Ÿæ…‹èª¿æŸ»ã‚’å®Ÿæ–½ã™ã‚‹
puremac 2014/12/03
.networking

.jp

JavaScript

html5

css3
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚é¢ç™½ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€HTML5/CSS3ã®å‹‰å¼·ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚ã„ã„ã§ã™ãã€‚ â€œHALCYON DAYSâ€ ONE PAGE WEBSITE TEMPLATE ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å¤§ããªå†™çœŸç”»åƒã‚’ä½¿ã£ãŸèƒŒæ™¯ã¨ãã‚Œã‚’ä½¿ã£ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç¾Žã—ã„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚
puremac 2014/12/02
picked

template

freebie

html5

css3

@
ãƒªãƒ³ã‚¯
zencode.in
Weâ€™re getting things ready Loading your experienceâ€¦ This wonâ€™t take long.
puremac 2014/11/26
.in

css3

javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

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

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

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

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

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

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

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