Web%20design%2C%20%26%20development.%20From%20full%20sites%20to%20bite-size%20custom%20components%2C%20we%20accept%20all%20sorts%20of%20payments%2C%20from%20USD%20to%20Trident%20Layers.
avengr has 47 followers on Webflow.
3D%20Button%20with%20Custom%20CSS%20-%20%233dbuttonchallenge
Trying%20my%20hand%20at%20solving%20@fry%27s%203D%20button%20hover%20animation%20problem.%20%0A%0AIn%20this%20method%2C%20I%27ve%20gotten%20it%20down%20to%202%20elements%20in%20the%20designer%20%28a%20background%2C%20and%20a%20%22button%22%20div%29%2C%20the%20rest%20of%20the%20work%20is%20done%20in%20the%20CSS%20you%27ll%20find%20in%20the%20Page%20settings.%0A%0AThe%20CSS%20here%20is%20creating%20two%20pseudo-elements%2C%20the%20triangles%20that%20animate%20alongside%20the%20button%20when%20you%20hover%20over%20the%20background%20element.%0A%0AThe%20background%20%26%20button%20element%20combo%20is%20super%20reusable%2C%20and%20you%20can%20make%20style%20changes%20to%20your%20copied%20buttons%20%28background%20color%2C%20font%20styles%2C%20sizing%2C%20etc%29%20just%20by%20adding%20a%20secondary%20class%2C%20that%20doesn%27t%20break%20the%20custom%20code%21%20%0A%0AThe%20main%20quirk%20is%20that%20if%20you%20want%20to%20change%20the%20background%20color%2C%20you%27ll%20also%20want%20to%20change%20the%20border%20colors%20in%20the%20CSS%20to%20match%2C%20as%20I%20just%20have%20them%20set%20to%20white%20right%20now%20%28as%20you%20can%20see%20in%20the%203rd%20example%20where%20I%20changed%20the%20background%20but%20not%20the%20border%20colors.%20I%20may%20continue%20to%20try%20to%20find%20a%20way%20to%20tie%20the%20border%20color%20to%20the%20background%20color.
Tags:
- css
- custom%20code
- 3dbutton
- cloneable
- button
Visit Site
Duotone%20in%20Webflow
I%20threw%20together%20this%20cloneable%20to%20show%20how%20you%20can%20quickly%20and%20easily%20add%20duotone%20to%20images%20in%20Webflow%20using%20only%20an%20image%2C%20a%20div%20block%2C%20and%20a%20little%20CSS%20snippet.%0A%0AHere%27s%20how%20to%20use%20it%3A%0Ahttps%3A//duotone-concept.webflow.io/tutorial
Tags:
- cloneable
- duotone
- example
- tutorial
- webflow%20tutorial
- custom%20code
- css
- tips
Visit Site
Form%20Data%20to%20Chart%20with%20QuickChart
Create%20charts%20on%20form%20submission%20using%20form%20data%20%26%20QuickChart%20API.%20Custom%20code%20in%20home%20page%20settings%21%0A%0AThis%20was%20a%20quick%20example%20made%20for%20the%20unofficial%20Webflow%20Discord%20server%20%28https%3A//discord.gg/TPkHu9%29%2C%20but%20we%27ll%20be%20cleaning%20up%20the%20code%20and%20providing%20more%20examples%20over%20time%21
Tags:
- forms
- custom%20code
- quickchart
- api
- charts
- data
Visit Site
Large%20Glossary%20%281000+%20items%29%20Pagination
Using%20custom%20code%20%26%20Mixitup%20to%20combine%20CMS%20lists%20into%20a%20single%20container%20%26%20sort/filter.
Tags:
- mixitup
- custom%20code
- glossary
- cms
- filter
- sort
Visit Site
App%20Download%20Elements%20-%20Apple%20%26%20Android
A%20simple%2C%20sleek%20app%20download%20section%20you%20can%20add%20to%20your%20site%20easily.
Tags:
- app
- download
- design
- responsive
- cloneable
- android
- ios
Visit Site
Tech%20Blog%20-%20Wired%20Clone
Had%20a%20bit%20of%20fun%20%26%20attempted%20to%20rebuild%20the%20Wired%20article%20design.%20Mostly%20mobile%20optimized%2C%20but%20not%20tested%20on%20MacOS%20or%20iOS.%20%0A%0AIf%20you%20clone%20this%20for%20your%20own%20project%2C%20please%20be%20sure%20to%20replace%20the%20fonts%20with%20fonts%20you%20are%20licensed%20to%20use%20%3A%29
Tags:
- blog
- wired
- clone
- cloneable
- template
- article
- news
- rebuild
Visit Site
Coffee%20Shop%20Homepage%20-%20Frothy%20Monkey%20Mockup
This%20is%20a%20homepage%20mockup%20for%20coffee%20shop/restaurant%20brand%20Frothy%20Monkey%20in%20Tennessee.
Tags:
- coffee%20shop
- restaurant
- mockup
- cloneable
- modern
- calendar
- homepage
Visit Site
Swap%20Buttons%20%28Buy%20Coffee%20Example%29
Based%20on%20PixelGeek%27s%20stream%20on%2004/25/20%2C%20a%20simple%20interaction-based%20way%20to%20swap%20out%20buttons%20without%20custom%20code%20or%20tabs.
Tags:
- pixelgeek
- interactions
- nocode
- example
Visit Site
Resource%20Calculator%20%28for%20mobile%20games%29
A%20little%20bit%20of%20custom%20code%20practice%21%20A%20calculator%20for%20calculating%20resource%20amounts%20for%20mobile%20games.%0A%0AEdit%20%2810/17/2020%29%3A%20Updated%20the%20custom%20code%20to%20be%20a%20lot%20more%20scalable%20and%20manageable.%20Definitely%20a%20lot%20more%20optimization%20that%20can%20be%20done%2C%20but%20it%20was%20a%20major%20improvement%20over%20the%20old%20code.%20%0A%0AAlso%20added%20a%20check%20for%20whether%20or%20not%20the%20resources%20needed%20if%20positive%2C%20negative%2C%20or%20neutral%2C%20and%20used%20that%20to%20trigger%20special%20classes%20to%20change%20the%20color%20of%20the%20%22Resources%20Needed%22%20containers%21
Tags:
- calculator
- custom%20code
- javascript
- gaming
- mobile%20games
Visit Site
branching-form
A%20branching%20multi-step%20form%20using%20interactions%20and%20some%20custom%20code%20for%20field%20validation.%20Based%20on%20the%20quote%20form%20from%20All%20My%20Sons.
Tags:
- multi-step%20form
- custom%20code
- form
- interactions
Visit Site