[기타] 인장용 '마법의 소라고둥'

휴일에 심심풀이로 만들어봤습니다.
소라고둥님을 클릭해보면, 여러분의 '해도 되는지'의 고민을 해결해줄겁니다.

마법의
소라고둥

그래.

좋아.

그렇고 말고.

물론이지.

안돼.

하지 마.

그러지 마.

다음번에 해.

다시 한 번 물어봐.

뭔가를 해도 되는지 잘 모르겠다면, 소라고둥님께 물어보세요!

마법의
소라고둥

그래.

좋아.

그렇고 말고.

물론이지.

안돼.

하지 마.

그러지 마.

다음번에 해.

다시 한 번 물어봐.

뭔가를 해도 되는지 잘 모르겠다면, 소라고둥님께 물어보세요!

소스코드 보기
소스코드 닫기

<div data-inven-id="bg1" style="width:400px;height:320px;background-image:url('https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15300118194.jpg');background-repeat:no-repeat;background-size:cover;overflow:hidden;"> <div style="float:left;width:190px;height:100px;color:white;font-size:40px;font-weight:bold;line-height:110%;text-align:center; text-shadow:0rem -1px black,1px -1px black,1px 0rem black,1px 1px black,0rem 1px black,-1px 1px black,-1px 0rem black,-1px -1px black;">마법의<br/>소라고둥</div><div data-inven-id="bubble1" style=" float:right; width:200px;height:100px; background-image:url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15370108473.png); background-repeat:no-repeat; background-size:200px 100px;font-weight:bold;text-align:center; transform:scale(0,0);transform-origin:0% 100%; transition:transform 0.5s linear 2s;"> <div data-inven-id="result1-1" style="height:100px;font-size:15px;line-height:90px;display:none;">그래.</div><div data-inven-id="result1-2" style="height:100px;font-size:15px;line-height:90px;display:none;">좋아.</div><div data-inven-id="result1-3" style="height:100px;font-size:15px;line-height:90px;display:none;">그렇고 말고.</div><div data-inven-id="result1-4" style="height:100px;font-size:15px;line-height:90px;display:none;">물론이지.</div><div data-inven-id="result1-5" style="height:100px;font-size:15px;line-height:90px;display:none;">안돼.</div><div data-inven-id="result1-6" style="height:100px;font-size:15px;line-height:90px;display:none;">하지 마.</div><div data-inven-id="result1-7" style="height:100px;font-size:15px;line-height:90px;display:none;">그러지 마.</div><div data-inven-id="result1-8" style="height:100px;font-size:15px;line-height:90px;display:none;">다음번에 해.</div><div data-inven-id="result1-9" style="height:100px;font-size:15px;line-height:90px;display:none;">다시 한 번 물어봐.</div></div><div data-inven-id="sora1" style=" clear:both;float:left; width:300px;height:200px; background-image:url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15331997179.png); background-repeat:no-repeat; background-size:300px 200px; transition:transform 0.2s linear 2s; cursor:pointer;" data-inven-over-css="{'sora1':{'background-image':'url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i14113801865.png)'}}" data-inven-out-css="{'sora1':{'background-image':'url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15331997179.png)'}}" data-inven-click-css="{'bg1':{'transform':'scale(0,0)','height':'0'}, 'bg2':{'transform':'scale(1,1)','height':'320px'}, 'text1':{'display':'none'},'text2':{'display':'none'}, 'process1':{'transform':'scale(1,1)'},'process2':{'transform':'scale(1,1)'}, 'bar1':{'width':'0%'}, 'bar2':{'width':'100%'}, 'sora1':{'transform':'rotate(0deg)'},'sora2':{'transform':'rotate(360deg)'}, 'bubble1':{'transform':'scale(0,0)'}, 'bubble2':{'transform':'scale(1,1)'}}" data-inven-random="result2-1,result2-2,result2-3,result2-4,result2-5,result2-6,result2-7,result2-8,result2-9"></div><div data-inven-id="text1" style="clear:both;height:20px;color:white;font-size:14px;font-weight:bold; text-shadow:0rem -1px black,1px -1px black,1px 0rem black,1px 1px black,0rem 1px black,-1px 1px black,-1px 0rem black,-1px -1px black;">뭔가를 해도 되는지 잘 모르겠다면, 소라고둥님께 물어보세요!</div><div data-inven-id="process1" style="transform:scale(0,0);clear:both;width:400px;height:20px;border:2px skyblue solid;box-sizing:border-box;background-color:rgba(90,90,90,0.5);border-radius:5px;"> <div data-inven-id="bar1" style="float:left;width:0%;height:16px;background-color:yellow;border-radius:5px;transition:width 2s linear 0.1s;"></div></div></div><div data-inven-id="bg2" style="transform:scale(0,0);width:400px;height:0px;background-image:url('https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15300118194.jpg');background-repeat:no-repeat;background-size:cover;overflow:hidden;"> <div style="float:left;width:190px;height:100px;color:white;font-size:40px;font-weight:bold;line-height:110%;text-align:center; text-shadow:0rem -1px black,1px -1px black,1px 0rem black,1px 1px black,0rem 1px black,-1px 1px black,-1px 0rem black,-1px -1px black;">마법의<br/>소라고둥</div><div data-inven-id="bubble2" style=" float:right; width:200px;height:100px; background-image:url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15370108473.png); background-repeat:no-repeat; background-size:200px 100px;font-weight:bold;text-align:center; transform:scale(0,0);transform-origin:0% 100%; transition:transform 0.5s linear 2s;"> <div data-inven-id="result2-1" style="height:100px;font-size:15px;line-height:90px;display:none;">그래.</div><div data-inven-id="result2-2" style="height:100px;font-size:15px;line-height:90px;display:none;">좋아.</div><div data-inven-id="result2-3" style="height:100px;font-size:15px;line-height:90px;display:none;">그렇고 말고.</div><div data-inven-id="result2-4" style="height:100px;font-size:15px;line-height:90px;display:none;">물론이지.</div><div data-inven-id="result2-5" style="height:100px;font-size:15px;line-height:90px;display:none;">안돼.</div><div data-inven-id="result2-6" style="height:100px;font-size:15px;line-height:90px;display:none;">하지 마.</div><div data-inven-id="result2-7" style="height:100px;font-size:15px;line-height:90px;display:none;">그러지 마.</div><div data-inven-id="result2-8" style="height:100px;font-size:15px;line-height:90px;display:none;">다음번에 해.</div><div data-inven-id="result2-9" style="height:100px;font-size:15px;line-height:90px;display:none;">다시 한 번 물어봐.</div></div><div data-inven-id="sora2" style=" clear:both;float:left; width:300px;height:200px; background-image:url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15331997179.png); background-repeat:no-repeat; background-size:300px 200px; transition:transform 0.2s linear 2s; cursor:pointer;" data-inven-over-css="{'sora2':{'background-image':'url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i14113801865.png)'}}" data-inven-out-css="{'sora2':{'background-image':'url(https://upload2.inven.co.kr/upload/2017/07/17/bbs/i15331997179.png)'}}" data-inven-click-css="{'bg2':{'transform':'scale(0,0)','height':'0'}, 'bg1':{'transform':'scale(1,1)','height':'320px'}, 'text1':{'display':'none'},'text2':{'display':'none'}, 'process1':{'transform':'scale(1,1)'},'process2':{'transform':'scale(1,1)'}, 'bar2':{'width':'0%'}, 'bar1':{'width':'100%'}, 'sora2':{'transform':'rotate(0deg)'},'sora1':{'transform':'rotate(360deg)'}, 'bubble2':{'transform':'scale(0,0)'}, 'bubble1':{'transform':'scale(1,1)'}}" data-inven-random="result1-1,result1-2,result1-3,result1-4,result1-5,result1-6,result1-7,result1-8,result1-9"></div><div data-inven-id="text2" style=" height:20px;clear:both;color:white;font-size:14px;font-weight:bold; text-shadow:0rem -1px black,1px -1px black,1px 0rem black,1px 1px black,0rem 1px black,-1px 1px black,-1px 0rem black,-1px -1px black;">뭔가를 해도 되는지 잘 모르겠다면, 소라고둥님께 물어보세요!</div><div data-inven-id="process2" style="transform:scale(0,0);clear:both;width:400px;height:20px;border:2px skyblue solid;box-sizing:border-box;background-color:rgba(90,90,90,0.5);border-radius:5px;"> <div data-inven-id="bar2" style="float:left;width:0%;height:16px;background-color:yellow;border-radius:5px;transition:width 2s linear 0.1s;"></div></div></div>