Using Animate.css with Tailwind CSS

2022.01.18 06:37 brc_dd Using Animate.css with Tailwind CSS

For some time now, I have been working on porting Animate.css classes to Tailwind CSS. The motivation behind this was that I like Tailwind CSS, but it does not provide many animation utilities. People can add extra animations, but not everyone wants to write the keyframes, so they tend to well-established libraries like Animate.css and Hover.css. There is nothing wrong with adding these libraries manually and using their classes. It is pretty easy to add them too. But classes added like that do not play along with Tailwind's JIT mode and directives (also not with editor tools like IntelliSense).
So, I thought of writing some plugin-like stuff that adds Animate.css animations and the necessary animation utilities to make things easier. There wasn't any specific reason to choose Animate.css over other libraries. It was just a thought that let's start with the most popular one, then add the others later. Firstly I started searching if any similar package exists or not. There is tailwindcss-animatecss but it requires way too much configuration for JIT mode. There wasn't much activity on its repository, so instead of contributing to it, I started working on a package of my own - animated-tailwindcss.
I am excited that recently I released its version 3 that is fully compatible with Tailwind CSS v3. One can read the docs here. The package provides utilities to customize all the animation-related properties. Most of the utilities support arbitrary values too. I have also added all the CSS-compatible animation timing functions there are at easings.net. For some animations, you can also customize their translating distance (for example, in case you want subtle entrance/exit). The package is open-source and MIT licensed (GitHub). Please try using the configuration. Any feedback is much appreciated.
Quick links:

submitted by brc_dd to tailwindcss [link] [comments]


2022.01.18 06:37 lgsp old business firewall powered by a VIA Eden ESP 4000 runs DOOM

old business firewall powered by a VIA Eden ESP 4000 runs DOOM submitted by lgsp to itrunsdoom [link] [comments]


2022.01.18 06:37 CasuallyDrinking Do you guys like cocktails? Are you guys into alcohol? Well if you are, then be sure to check out my YouTube channel where I make interesting cocktails and if you like what see maybe consider being a subscriber :)

Do you guys like cocktails? Are you guys into alcohol? Well if you are, then be sure to check out my YouTube channel where I make interesting cocktails and if you like what see maybe consider being a subscriber :) submitted by CasuallyDrinking to SelfPromotionYouTube [link] [comments]


2022.01.18 06:37 MisterBolainas Martín Guzmán: “El FMI va a perder legitimidad si empuja a Argentina a una situación desestabilizante”

Martín Guzmán: “El FMI va a perder legitimidad si empuja a Argentina a una situación desestabilizante” submitted by MisterBolainas to argentina [link] [comments]


2022.01.18 06:37 Techkid86 OMMO Blender, Professional Countertop Blender Smoothie Maker with Built-in Timer, High Power Blender 68oz Cups for Smoothies, Blend, Chop, Grind - Price: $64.99 With 50% COUPON

OMMO Blender, Professional Countertop Blender Smoothie Maker with Built-in Timer, High Power Blender 68oz Cups for Smoothies, Blend, Chop, Grind - Price: $64.99 With 50% COUPON submitted by Techkid86 to BestOnAmazon [link] [comments]


2022.01.18 06:37 swearimwerkingrn I’m a month in to my journey and wanted say hi

I’m at the start of my weightless journey, and I guess I just wanted to say hi. This community has been such a motivation and I’m so grateful to the people who are so open with their experiences.
I’m f 103kg (227lb), 162cm. My goal is 66kg (146lb); I want to lose 37kg.
I’m coming out of 10 years of emotional eating and binging. In the last month my eating habits have changed dramatically. I am still indulging in food and (alcoholic) drinks that I enjoy I’m just having WAY less of it and I’m doing it with clarity of mind seeking to enjoy myself, not fill a void. I’ve already lost 3kg.
When I was tracking food before breaking my emotional eating cycle I was eating 2,500 - 3,500 calories a day. I’m now eating 1,500 - 2,400 calories a day.
I would categorise my lifestyle as ‘sedentary’, but I’m on the move a lot with my toddler. I am slowly incorporating exercise back into my life (in 2016 I ran a half marathon, I’d like to do that again this year). I also love doing strength training, so that’s coming back 10min at a time.
Right now the hardest thing is consistency. When I focus on eating as little as possible to drop weight quickly, I will inevitably binge. But, I think I’m still doing the right thing by aiming to get control back of my food impulses without depriving myself. For example, I’m now eating 3 meals a day and maybe 1 snack. Instead of getting food whenever and however I can. If I feel hungry, I wait for the next meal and consider what I can do next time to feel more full.
I’ve also started weighing myself every day and am surprised at how much better it helps my perception of my weight. It really takes the stigma out of it.
Anyhu, I just wanted to say hi. I’m following the advice I saw on here and I’m not telling anyone about my weightless goal. But now I’m breaking it to share with you… whoops.
submitted by swearimwerkingrn to loseit [link] [comments]


2022.01.18 06:37 Dynamite2069 SD-B got an overhaul!

SD-B got an overhaul! submitted by Dynamite2069 to MurderDrones [link] [comments]


2022.01.18 06:37 MrZinogre Who should i take on the free sss hero

I have everyone and i have KD, jvg , baylord yama already SSS
submitted by MrZinogre to Herocantare [link] [comments]


2022.01.18 06:37 Rashtrapateen My condolences

My condolences submitted by Rashtrapateen to suicidebywords [link] [comments]


2022.01.18 06:37 sabbah Do you see any borders?

Do you see any borders? submitted by sabbah to AskMiddleEast [link] [comments]


2022.01.18 06:37 stockinvest-us WOR: Signal Alert - Double Top identified

WOR: Signal Alert - Double Top identified submitted by stockinvest-us to StockInvest [link] [comments]


2022.01.18 06:37 tomsmiththrowaway10 Tania Sachdev

Tania Sachdev submitted by tomsmiththrowaway10 to SFWNextDoorGirls [link] [comments]


2022.01.18 06:37 innosflew Brexit Gives €200 Billion Boost to Balance Sheets of Irish Banks - Citigroup, Barclays, Bank of America now use Ireland as EU hub

Brexit Gives €200 Billion Boost to Balance Sheets of Irish Banks - Citigroup, Barclays, Bank of America now use Ireland as EU hub submitted by innosflew to EUnews [link] [comments]


2022.01.18 06:37 mikeynewPFF what are the chances?

what are the chances? submitted by mikeynewPFF to ForzaHorizon [link] [comments]


2022.01.18 06:37 cadenherring123 Binance Referral Link

Visit for Binance Referral Link. The most used and at the same time the most reliable crypto exchange platform is Binance. Also, Binance extremely easy to use and learn. You can earn a 20% commission discount on each purchase.
Binance 20% Referral Code: 77181558
How to Register Binance? To make an account with Binance, you should simply get enrolled on the Official Binance Website. On the enrollment page you will be elevated to enter a substantial email address and pick a secret phrase for yourself. When you consent to the Terms and Conditions, you will be approached to check your account by means of email. The email shipped off your given account will contain a connection where you can check your Binance account. When you click on the connection, your Binance account has been made and you are prepared to start exchanging. Yet, before you do, we suggest getting your account through two-factor confirmation. Since exchanging cryptographic money is an expensive and dangerous cycle, it is fundamental for guard your account from any programmers on the web. Binance permits you to set up 2FA and interface your account to your versatile number. This implies that before you can sign in to your Binance account from another gadget, you will be approached to confirm your personality through the telephone number gave.
Funding Your Binance Account As referenced before, Binance is absolutely a cryptocurrency trade application. This implies that to begin exchanging with Binance, you will be needed to finance your account with some current cryptocurrency. This should be possible utilizing some other cryptocurrency trade wallet. Just go to your wallet where you have the cryptocurrency put away, select the amount you need to move, and send those assets to your substantial Binance account. The most awesome aspect of exchanging with computerized monetary standards is that everything occurs in a moment. When you select 'send' from your crypto trade wallet, your Binance account will be supported right away. If you register with a Binance Referral Link, it will provide to you 15% discount from your each buying.
submitted by cadenherring123 to BinanceSgReferral [link] [comments]


2022.01.18 06:37 GarySmith43 Glam things up a notch and shine like the star you are with our sparkling new Face & Body Glitter, available in 11 light-catching shades ranging from ruby red and multi-colored purple to bronzy brown and yellow gold. Exclusive! Unique for our store Free Worldwide Shipping & 100% Money-Back Guarante

Glam things up a notch and shine like the star you are with our sparkling new Face & Body Glitter, available in 11 light-catching shades ranging from ruby red and multi-colored purple to bronzy brown and yellow gold. Exclusive! Unique for our store Free Worldwide Shipping & 100% Money-Back Guarante submitted by GarySmith43 to ddfese [link] [comments]


2022.01.18 06:37 jaelwelch Binance Reference Code

Visit for Binance Reference Code. The most used and at the same time the most reliable crypto exchange platform is Binance. Also, Binance extremely easy to use and learn. You can earn a 20% commission discount on each purchase.
Binance 20% Sign Up Code: 77181558
How to Register Binance? To make an account with Binance, you should simply get enrolled on the Official Binance Website. On the enrollment page you will be elevated to enter a substantial email address and pick a secret phrase for yourself. When you consent to the Terms and Conditions, you will be approached to check your account by means of email. The email shipped off your given account will contain a connection where you can check your Binance account. When you click on the connection, your Binance account has been made and you are prepared to start exchanging. Yet, before you do, we suggest getting your account through two-factor confirmation. Since exchanging cryptographic money is an expensive and dangerous cycle, it is fundamental for guard your account from any programmers on the web. Binance permits you to set up 2FA and interface your account to your versatile number. This implies that before you can sign in to your Binance account from another gadget, you will be approached to confirm your personality through the telephone number gave.
Funding Your Binance Account As referenced before, Binance is absolutely a cryptocurrency trade application. This implies that to begin exchanging with Binance, you will be needed to finance your account with some current cryptocurrency. This should be possible utilizing some other cryptocurrency trade wallet. Just go to your wallet where you have the cryptocurrency put away, select the amount you need to move, and send those assets to your substantial Binance account. The most awesome aspect of exchanging with computerized monetary standards is that everything occurs in a moment. When you select 'send' from your crypto trade wallet, your Binance account will be supported right away. If you register with a Binance Referral Link, it will provide to you 20% discount from your each buying.
submitted by jaelwelch to CryptoRanch [link] [comments]


2022.01.18 06:37 quintoncombs Biggest Crypto Exchanges 2020

Visit for Biggest Crypto Exchanges 2020. The most used and at the same time the most reliable crypto exchange platform is Binance. Also, Binance extremely easy to use and learn. You can earn a 20% commission discount on each purchase.
Binance 20% Sign Up Code: 77181558
How to Register Binance? To make an account with Binance, you should simply get enrolled on the Official Binance Website. On the enrollment page you will be elevated to enter a substantial email address and pick a secret phrase for yourself. When you consent to the Terms and Conditions, you will be approached to check your account by means of email. The email shipped off your given account will contain a connection where you can check your Binance account. When you click on the connection, your Binance account has been made and you are prepared to start exchanging. Yet, before you do, we suggest getting your account through two-factor confirmation. Since exchanging cryptographic money is an expensive and dangerous cycle, it is fundamental for guard your account from any programmers on the web. Binance permits you to set up 2FA and interface your account to your versatile number. This implies that before you can sign in to your Binance account from another gadget, you will be approached to confirm your personality through the telephone number gave.
Funding Your Binance Account As referenced before, Binance is absolutely a cryptocurrency trade application. This implies that to begin exchanging with Binance, you will be needed to finance your account with some current cryptocurrency. This should be possible utilizing some other cryptocurrency trade wallet. Just go to your wallet where you have the cryptocurrency put away, select the amount you need to move, and send those assets to your substantial Binance account. The most awesome aspect of exchanging with computerized monetary standards is that everything occurs in a moment. When you select 'send' from your crypto trade wallet, your Binance account will be supported right away. If you register with a Binance Referral Link, it will provide to you 20% discount from your each buying.
submitted by quintoncombs to CryptoTopDaily [link] [comments]


2022.01.18 06:37 bobbymorris123 Promo Code Binance

Visit for Promo Code Binance .The most used and at the same time the most reliable crypto exchange platform is Binance. Also, Binance extremely easy to use and learn, you can earn a 20% commission discount on each purchase.
Binance 20% Sign Up Code: 77181558
How to Register Binance? To make an account with Binance, you should simply get enrolled on the Official Binance Website. On the enrollment page you will be elevated to enter a substantial email address and pick a secret phrase for yourself. When you consent to the Terms and Conditions, you will be approached to check your account by means of email. The email shipped off your given account will contain a connection where you can check your Binance account. When you click on the connection, your Binance account has been made and you are prepared to start exchanging. Yet, before you do, we suggest getting your account through two-factor confirmation. Since exchanging cryptographic money is an expensive and dangerous cycle, it is fundamental for guard your account from any programmers on the web. Binance permits you to set up 2FA and interface your account to your versatile number. This implies that before you can sign in to your Binance account from another gadget, you will be approached to confirm your personality through the telephone number gave.
Funding Your Binance Account As referenced before, Binance is absolutely a cryptocurrency trade application. This implies that to begin exchanging with Binance, you will be needed to finance your account with some current cryptocurrency. This should be possible utilizing some other cryptocurrency trade wallet. Just go to your wallet where you have the cryptocurrency put away, select the amount you need to move, and send those assets to your substantial Binance account. The most awesome aspect of exchanging with computerized monetary standards is that everything occurs in a moment. When you select 'send' from your crypto trade wallet, your Binance account will be supported right away. If you register with a Binance Referral Link, it will provide to you 15% discount from your each buying.
submitted by bobbymorris123 to CryptoFarmer [link] [comments]


2022.01.18 06:37 jimmiboy50 A sea spider crawling on the seabed.

A sea spider crawling on the seabed. submitted by jimmiboy50 to AllAboutNature [link] [comments]


2022.01.18 06:37 vikunja BestSecret invitation code!(automatically the Silver status)

Hello, here is your personal invitation link to become a member of the exclusive fashion community BestSecret. Simply click to register and start shopping!
https://invite.bestsecret.com/VRT-7DJ-W8E?c=de&utm_campaign=app_invitation&utm_medium=app&utm_source=invitation&utm_content=registration
submitted by vikunja to promotrader [link] [comments]


2022.01.18 06:37 nbean1010 magical girl chain cause why not

magical girl chain cause why not submitted by nbean1010 to GachaClub [link] [comments]


2022.01.18 06:37 panzerboye Any hint of Arizona Ranger?

I and some fellow volunteers have formed a revenger party to deliver justice for Angus's demise. We have searched the LDP valley, pond, and the woods but have found no trace of the infamous Arizona Ranger.
If anyone have found any hint of him, please let us know. Angus was a very dear friend of us, and a very important member of the community.
submitted by panzerboye to HaveWeMet [link] [comments]


2022.01.18 06:37 xRKIDx Crime in the USA

I’m currently visiting the United States for the first time. I’m from Sweden and have been here since September.
Can someone tell me why in every city I have go to (Chicago Baltimore DC NY LA SF Detroit) there are always a section of the city that is extremely dangerous? We started to notice wherever we visited that people would say things like “oh don’t go there” or “stay away from that part of town”. The parts of town they were always talking about was the black neighborhoods. We didn’t understand why it seemed everyone was afraid to go there until we visited some.
We first went to chicagos west and south sides. I’ve never seen anything like that in my life. My girlfriend was so frightened she was in tears.
We noticed most buildings were run down and borded up; groups of black peoples standing in the middle of the highway; loud music; gunshots; little kids playing in dumpsters and smoking cigarettes; we saw one guy punch an old lady and steal her purse and another guy robbed her jewelry as she laid at the bus stop. Nobody obeys traffic laws; there is trash all over the streets; we saw needles and empty alcohol bottles everywhere. Homes were spray painted with unintelligible writing in multi colors paint. Prostitution on the street corners; gas station owners were all barred up behind the counter with weapons. No grass or trees just cement everywhere. Most frightening, was the people looked malnourished and overall extremely sick.
The strange thing is just 2 miles away would be the nicest neighborhoods with the most beautiful homes I ever saw. These were always predominantly white neighborhoods. Grass was well kept and everything was very orderly.
How can these two places co exist? I wonder if this is evidence of the strength of the United States, thag two cultures and ways of living can co exist, or is it evidence of the differences between races the way the American media portrays itself?
What we felt, was the ghetto neighborhoods almost seemed to embrace and enjoy their way of life. which is normal for people to have different ways of living, but in the ghettos , the people looked unhappy.
What causes this, and am I being too harsh on black America, or is this just their way of life. Because it was the same in every city we visited.
Thanks
submitted by xRKIDx to aznidentity [link] [comments]


2022.01.18 06:37 sn0r Anti-abortion MEP Roberta Metsola favourite for European Parliament presidency

Anti-abortion MEP Roberta Metsola favourite for European Parliament presidency submitted by sn0r to europeanunion [link] [comments]


http://eesla.ru