Ok, just posted my very first Medium article about:
✅ Animations On Scroll in Carrd
& How To Implement Them
🔨 The next stage is to make a vid tutorial & 2nd article that will cover more details for more advanced users.
cc @ajlkn
https://t.co/7vtWJ2exTL
▶️ SEE DEMO
As a side note, it is recommended to add styles in the <head>, but (as far as I know) Carrd doesn't allow you to access that, hence my recommendation > to paste it in the header/top container instead.
...2nd side note 👇
💫 Animations On Scroll in Carrd 💫
✅ They can be assigned to the entire container, as well as separate elements (or both at the same time).
📅 Will be dropping a detailed blog post/article tomorrow.
For now, learn more here:
https://t.co/M9nFgq0LeY
▶️ 2nd tweet > DEMO 👇
✅ Added SLIDESHOW BACKGROUND support!
- Three transition styles (crossfade, fade, instant)
- Per-slide motion/speed effects (left, right, up, down, in, out)
- Up to 16 slides (4 on trial)
- Available on all Pro plans (+ trial)
🍀 Next one fam:
1st IMG > How to colorize the Gallery element in carrd on hover over
2nd IMG > Assign class name to gallery element (Settings > Element > Classes)
3rd IMG > Add Embed element to the page with the CSS code below 👇
🤓 Any additional questions?
Serif fonts ARE TRASH... if you don't know how to use them
They can be amazing if used as a combination to support stronger, bolder fonts
Ex.
Harmony & Montserrat
Pristina & Poppins
Pristina & Bebas
Baskerville Old Face & Poppins
(In Order)
how do i do those lines in my containers
1. Have Adobe Illustrator
2. Draw simple lines
3. SHIFT + W (see example) to adjust the width of a stroke
4. Save as SVG, upload to carrd
5. Overlay > set gradient (👇 transparency a bit on 1st or 2nd stop)
6. Enable parallax effect
there're unlimited things that can be implemented with 'embed' element in Carrd, but then you have to publish the site to see the made changes + the editing of the content inside those elements is quite inconvenient.
trying to innovate, but not at the expense of convenience
👇
A THREAD:
//How You Can Increase the Saliency of Your Ad Creatives//
Saliency is a necessary quality your ad should have for them to be noticed by your audience.
And there are three (3) HACKS you need to know to achieve this:
What are these?
1. Color
2. Orientation
3. Size
Out of ad design ideas? Try these out
Google these keywords and check the images:
> StudioJQ
> 85' style posters design
> Typography poster design
*AD DESIGN INSPIRATIONS INCOMING*
Google these keywords & check the image section
> Cowboy Bebop Art
> Wired Magazine Cover
> McDonalds Image Ads
> Greek Yogurt Ads
These will inspire you with your image ads