【Illustrator・Ai】イラレの手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<html> <head> <style> #click{ width: 50px; height: 30px; background: red; cursor:pointer; text-align: center; } #fadein{ display: none; opacity: 0; width: 100%; height: 200px; background: pink; text-align: center; } .visible#fadein{ display: block; opacity: 1; animation-duration: 0.5s; animation-name: fade-in; } @keyframes fade-in { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } </style> <script type="text/javascript" src="/js/jquery.min.js"></script> <script> $(function(){ $("#click").click(function(){ $("#fadein").toggleClass("visible"); }); }); </script> </head> <div id="click"><p>click!</p></div> <br> <div id="fadein" ><p>fadeIn box</p></div> </html> |
click!
fadeIn box
KOHIMOTO LABO
WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。
INDEX
PICK UP