{"id":3128,"date":"2016-12-23T14:27:35","date_gmt":"2016-12-23T14:27:35","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=3128"},"modified":"2016-12-28T05:20:35","modified_gmt":"2016-12-28T05:20:35","slug":"border-hover","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/border-hover\/","title":{"rendered":"Border Hover"},"content":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1457884701737{padding-top: 100px !important;padding-bottom: 140px !important;background-color: #656d78 !important;}”][vc_column width=”1\/3″]

<\/div><\/span>\n <\/span>\n <\/span>\n <\/span>

Optional title<\/h3><\/span>

And optional label under the title<\/p><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Link support YouTube or Vimeo lightbox too<\/h3><\/span>

Custom overlay background and border color<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Support prettyphoto lightbox<\/h3>

Different border animation and style, border is optional under the title<\/p><\/div><\/div><\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884710449{margin-top: -42px !important;padding-top: 120px !important;padding-bottom: 160px !important;background-color: #f2f6fd !important;}”][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Download the bundle<\/h3><\/span>

click to download the add-on bundle<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Download the bundle<\/h3><\/span>

click to download the add-on bundle<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div><\/span>\n <\/span>\n <\/span>\n <\/span>

Download the bundle<\/h3><\/span>

click to download the add-on bundle<\/p><\/div><\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884719560{margin-top: -42px !important;padding-top: 140px !important;padding-bottom: 180px !important;background-color: #3bafda !important;}”][vc_column width=”1\/3″]

<\/div><\/span>\n <\/span>\n <\/span>\n <\/span>

Border solid<\/h3><\/span>

Support different border<\/p><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div><\/span>\n <\/span>\n <\/span>\n <\/span>

Border dashed<\/h3><\/span>

Support different border<\/p><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div><\/span>\n <\/span>\n <\/span>\n <\/span>

Border dotted<\/h3><\/span>

Support different border<\/p><\/div><\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884728376{margin-top: -42px !important;padding-top: 160px !important;padding-bottom: 200px !important;background-color: #222f46 !important;}”][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Different border animation<\/h3><\/span>

default, cross hand 1<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Different border animation<\/h3><\/span>

cross hand 2<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Different border animation<\/h3><\/span>

clock wise<\/p><\/div><\/div><\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884744129{margin-top: -42px !important;padding-top: 100px !important;padding-bottom: 140px !important;background-color: #f2f6fd !important;}”][vc_column width=”1\/2″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Different border animation<\/h3><\/span>

anti clock wise<\/p><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/2″][vc_column_text css_animation=”bottom-to-top”]<\/p>\n

Yet Another Example<\/span><\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n

Quisque aliquet mauris vitae mi faucibus fringilla. Aliquam efficitur, eros rutrum sagittis tempor, 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. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu.[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884818596{margin-top: -42px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #ccd1d9 !important;}”][vc_column width=”1\/2″]

<\/div>
<\/span>\n <\/span>\n <\/span>\n <\/span>

Click to download now<\/h3><\/div><\/div><\/a><\/div><\/div>[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/2″][vc_column_text css_animation=”bottom-to-top”]<\/p>\n

Available Features:<\/span><\/h2>\n
    \n
  1. Optional border, border type support solid, dashed, dotted<\/b>.<\/li>\n
  2. 4 border hover transition available:\u00a0cross hand 1, cross hand 2, clock wise, anti clock wise<\/strong>.<\/li>\n
  3. Support hyperlink, image or YouTube\/Vimeo light box. 2 type of image lightbox available, boxer and prettyPhoto.<\/li>\n
  4. Optional title\/label font size and color.<\/li>\n
  5. Optional background color for hover.<\/li>\n
  6. Optional color for the border.<\/li>\n
  7. And more…<\/li>\n<\/ol>\n

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

    [vc_row full_width=”stretch_row” css=”.vc_custom_1457884701737{padding-top: 100px !important;padding-bottom: 140px !important;background-color: #656d78 !important;}”][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884710449{margin-top: -42px !important;padding-top: 120px !important;padding-bottom: 160px !important;background-color: #f2f6fd !important;}”][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884719560{margin-top: -42px !important;padding-top: 140px !important;padding-bottom: 180px !important;background-color: #3bafda !important;}”][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457884728376{margin-top: -42px !important;padding-top: 160px !important;padding-bottom: 200px !important;background-color: #222f46 !important;}”][vc_column width=”1\/3″][vc_empty_space […]<\/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\/3128"}],"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=3128"}],"version-history":[{"count":22,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3128\/revisions"}],"predecessor-version":[{"id":3151,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3128\/revisions\/3151"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=3128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}