{"id":120,"date":"2014-04-14T11:13:06","date_gmt":"2014-04-14T11:13:06","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=120"},"modified":"2016-11-10T08:13:00","modified_gmt":"2016-11-10T08:13:00","slug":"ihover","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/ihover\/","title":{"rendered":"iHover"},"content":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1478573740740{padding-top: 80px !important;padding-bottom: 100px !important;background-color: #967adc !important;}”][vc_column width=”1\/2″]

<\/div>

iHover Just Got Redesinged<\/span><\/h3>

Available after version 3.4.8.8 in the bundle<\/p>

<\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/2″][vc_column_text]<\/p>\n

iHover introduce new features:<\/span><\/h3>\n
    \n
  1. Now it’s responsive.<\/li>\n
  2. 20+ effects, some effect give 4 different direction settings, so there is a lot of combined effect.<\/li>\n
  3. Image shape support square,\u00a0ellipse, and circle.<\/li>\n
  4. Support icon picker, so you add different icon for the image.<\/li>\n
  5. Support custom link, image lightbox, YouTube or Vimeo lightbox. Image lightbox also support gallery.<\/li>\n
  6. Built-in background style and support customize color.<\/li>\n
  7. Optional title, description and their size and color.<\/li>\n
  8. Optional image size, can be in fixed size or responsive mode.<\/li>\n
  9. And more…<\/li>\n<\/ol>\n

    [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” parallax=”content-moving-fade” parallax_image=”2468″ css=”.vc_custom_1478590748422{padding-top: 80px !important;padding-bottom: 100px !important;background-color: #967adc !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

    YouTube video lightbox demo<\/span><\/h3>\n

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.\u00a0, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/span><\/p>\n

    [\/vc_column_text][\/vc_column][vc_column width=”1\/2″]

    <\/div>

    YouTube Video<\/span><\/h3>

    Support both YouTube and Vimeo<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478573339067{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #434a54 !important;}”][vc_column][vc_row_inner][vc_column_inner]

    Now See The Available Effects Below<\/span><\/i><\/span><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” parallax_image=”2451″ css=”.vc_custom_1478573779713{padding-top: 100px !important;padding-bottom: 120px !important;}”][vc_column width=”1\/4″]
    <\/div>

    Circle Effect 1<\/span><\/h3>

    Now with icon picker and video lightbox<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 2<\/span><\/h3>

    Lightbox support gallery too<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 3<\/span><\/h3>

    Lightbox support gallery<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 4<\/span><\/h3>

    Optional borders for the image<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478573792149{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #ccd1d9 !important;}”][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 5<\/span><\/h3>

    Original image is smaller than the resize size<\/p>

    <\/i><\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 6<\/span><\/h3>

    Then you will get ellipse shape<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 7<\/span><\/h3>

    Then you will get ellipse shape<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div><\/div>

    Circle Effect 8<\/span><\/h3>

    Then you will get ellipse shape<\/p>

    <\/i><\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” parallax_image=”2451″ css=”.vc_custom_1478747420041{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #f2f6fd !important;}”][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 9<\/span><\/h3>

    Support different icons<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 10<\/span><\/h3>

    Support different icons<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 11<\/span><\/h3>

    Support different icons<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 12<\/span><\/h3>

    Support different icons<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478573848955{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #ccd1d9 !important;}”][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 13<\/span><\/h3>

    Support different border, no border<\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 14<\/span><\/h3>

    Default mini border, 2px<\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 15<\/span><\/h3>

    Small border, 4px<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 16<\/span><\/h3>

    Extra large border, 12px<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478573857667{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #aab2bd !important;}”][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 17<\/span><\/h3>

    Large border, 8px<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 18<\/span><\/h3>

    Large border, 8px<\/p>

    <\/i><\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 19<\/span><\/h3>

    Click to download this plugin<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Circle Effect 20<\/span><\/h3>

    Click to download this plugin<\/p>

    <\/i><\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478577226479{background-color: #434a54 !important;}”][vc_column][vc_row_inner][vc_column_inner]

    Now See The Available Square Effects Below<\/span><\/i><\/span><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478598126555{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #222f46 !important;}”][vc_column width=”1\/4″]
    <\/div>

    Square Effect 1<\/span><\/h3>

    No icon for the effect 1<\/p><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 2<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 3<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>
    <\/div>
    <\/div>

    Square Effect 4<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1478598139075{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #3d284b !important;}”][vc_column width=”1\/4″]

    <\/div>

    Square Effect 5<\/span><\/h3>

    Optional title, icon, description and color<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 6<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 7<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div><\/div>

    Square Effect 8<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” parallax=”content-moving” parallax_image=”2490″ css=”.vc_custom_1478598158897{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #656d78 !important;}”][vc_column width=”1\/4″]

    <\/div>

    Square Effect 9<\/span><\/h3>

    Book opening effect<\/p>

    <\/i><\/p><\/div><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 10<\/span><\/h3>

    Title support different underline<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 11<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″]

    <\/div>

    Square Effect 12<\/span><\/h3>

    Image both support square or circle (ellipse)<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” css=”.vc_custom_1478598174288{padding-top: 100px !important;padding-bottom: 120px !important;background-color: #222f46 !important;}”][vc_column width=”1\/3″]

    <\/div>

    Square Effect 13<\/span><\/h3>

    Create different effect with your imagination <\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/3″]

    <\/div>

    Square Effect 14<\/span><\/h3>

    Extra Large Border is enabled in this row<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/3″]

    <\/div>

    Square Effect 15<\/span><\/h3>

    Extra Large Border is enabled<\/p>

    <\/i><\/p><\/div><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

    [vc_row full_width=”stretch_row” css=”.vc_custom_1478573740740{padding-top: 80px !important;padding-bottom: 100px !important;background-color: #967adc !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][vc_column_text] iHover introduce new features: Now it’s responsive. 20+ effects, some effect give 4 different direction settings, so there is a lot of combined effect. Image shape support square,\u00a0ellipse, and circle. Support icon picker, so you add different icon for the image. Support custom link, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/120"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":13,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":3101,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/120\/revisions\/3101"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}