hoverで表示するふきだしをjQueryでふわふわさせる | WebDelog

hoverで表示するふきだしをjQueryでふわふわさせる | WebDelog

head内でjQueryを読み込んでおきます。 cssとhtmlを用意しておきます。 divのようなボックス要素を用意...概要を表示 head内でjQueryを読み込んでおきます。 cssとhtmlを用意しておきます。 divのようなボックス要素を用意してその中にふきだしの要素を入れておきます。 ふきだしの箱となるdivはposition:relativeして、ふきだしはposition:absoluteを指定し、 位置なども指定しておきます。 .box{position: relative;background-color:gray;width: 200px;height: 200px;margin: auto;} #red{background-color:maroon;} .hukidashi{position: absolute; color:white; top:-20px;/*この値とEndPの値を合わせてください */ left:-30px; width: 100px;height: 100px; b

• jQuery
• アニメーション
• UI
• webデザイン
• javascript
• アニメ