Skip to content

Instantly share code, notes, and snippets.

@wpsoul
Created October 23, 2024 22:45
Show Gist options
  • Select an option

  • Save wpsoul/e3bcb16c0364827215ef933abd4cf491 to your computer and use it in GitHub Desktop.

Select an option

Save wpsoul/e3bcb16c0364827215ef933abd4cf491 to your computer and use it in GitHub Desktop.
Sexy hover button in Greenshift WordPress
<!-- wp:greenshift-blocks/element {"id":"gsbp-b4e17a1","dynamicGClasses":[{"value":"gstable","type":"global","label":"gstable","css":"","attributes":[],"originalID":"gspbid-4105","originalBlock":"greenshift-blocks/text","selectors":[]},{"value":"gs-parent-hover","type":"preset","label":"gs-parent-hover"}],"tag":"a","type":"inner","className":"wp-element-button gs-parent-hover","localId":"gsbp-b4e17a1","styleAttributes":{"display":["inline-block"],"color":["#ffffff"]}} -->
<a class="wp-element-button gs-parent-hover gsbp-b4e17a1"><!-- wp:greenshift-blocks/element {"id":"gsbp-e6e0c58","type":"inner","localId":"gsbp-e6e0c58","styleAttributes":{"display":["flex"],"alignItems":["center"],"columnGap":["10px"]}} -->
<div class="gsbp-e6e0c58"><!-- wp:greenshift-blocks/element {"id":"gsbp-a9edac4","tag":"svg","icon":{"icon":{"font":"rhicon rhi-bolt-regular","svg":"","image":""},"type":"font"},"localId":"gsbp-a9edac4","styleAttributes":{"width":["20px"],"height":["20px"],"fill":["#ffffff"]}} -->
<svg viewBox="0 0 768 1024" width="768" height="1024" class="gsbp-a9edac4"><path d="M755.6 335.8c-16.4-28.6-46.2-45.8-79.2-45.8h-188.8l57.4-175c7.4-27.6 1.6-56.6-15.8-79.4-17.6-22.6-44.2-35.6-72.8-35.6h-261c-45.6 0-84.6 34.2-89.6 74.2l-104.8 424.4c-3.8 27.6 4.4 55.4 22.6 76.4s44.6 33 72.4 33h196.2l-69.8 303.4c-6.4 27.4-0.2 55.8 17.2 77.8 17.4 22.2 43.6 34.8 71.8 34.8 32.6 0 63-17.6 77.6-43.2l366.4-553.4c16.8-28.6 16.8-63 0.2-91.6zM320.2 914.8l92.6-402.8h-317.8l100.4-416 255.2-1.8-95.6 291.8h313l-347.8 528.8z" /></svg>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-cac487e","textContent":"Element Button","tag":"span","animation":{"duration":400,"easing":"ease","type":"text_transformations","usegsap":true,"y":"40px","texttype":"chars","textdelay":0.02,"triggertype":"observe","observetype":"hovertoggle","o":50},"localId":"gsbp-cac487e","styleAttributes":{"display":["none"],"parentClassLink_Extra":true,"hoverClass_Extra":".gs-parent-hover","display_hover":["inline-block"]}} -->
<span data-gsapinit="1" data-duration="0.4" data-y="40px" data-o="50" data-from="yes" data-observetype="hovertoggle" data-triggertype="observe" data-text="chars" data-stdelay="0.02" class="gsbp-cac487e">Element Button</span>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-a1d39bd","textContent":"Element Button","tag":"span","localId":"gsbp-a1d39bd","styleAttributes":{"parentClassLink_Extra":true,"hoverClass_Extra":".gs-parent-hover","display_hover":["none"]}} -->
<span class="gsbp-a1d39bd">Element Button</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment