{"payload":{"header_redesign_enabled":false,"results":[{"body":"Help pls\n","created":"2024-02-24T18:24:12.000+03:00","hl_text":"Help pls\n","hl_title":"How to make animations start to run only when the element appears in the field of view","id":"6263810","num_comments":0,"number":1740,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"How to make animations start to run only when the element appears in the field of view","url":"/animate-css/animate.css/discussions/1740","updated":"2024-02-24T18:24:12.000+03:00","user_avatar_url":"https://avatars.githubusercontent.com/u/115032308?s=48&v=4","user_id":115032308,"user_login":"bollshoy"},{"body":"If yall dont want us to use your animations, you can say from the begging...\n\nBecause having !important, just destroys all the others helpers animate__slow (for example)... because? less is more so\nyou decide for me! even thought I want to use an animation library yall decide that I cant run them...\n","created":"2024-01-09T12:55:20.000Z","hl_text":"If yall dont want us to use your animations, you can say from the begging...\n\nBecause having !important, just destroys all the others helpers animate__slow (for example)... because? less is more so\nyou ...","hl_title":"Remove @media print, (prefers-reduced-motion: reduce) in your scss","id":"6050247","num_comments":0,"number":1727,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"Remove @media print, (prefers-reduced-motion: reduce) in your scss","url":"/animate-css/animate.css/discussions/1727","updated":"2024-01-09T12:55:21.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/116187327?s=48&v=4","user_id":116187327,"user_login":"CarlosGCJesus"},{"body":"Hello guys,\n\nI have been using the animate.css library for the academic project for a few months, it s an amazing animation library\nand very easy to use, but the thing is it s a static library and you don t have control over animations as such, you\nhave to do some external work on it using JS/jQuery, I did the same for my academic project.\n\nThen I thought of generalizing it and making it like a library, so I tried, I call it Animate.css-Dynamic.\n\nGitHub :- animate.css-dynamic Demo :- animate.css-dynamic.demo\n\nWhat do you guys think about it..?\n\nFeel free to share your thoughts...\n\nHappy Learning :)\n","created":"2022-03-19T09:30:36.000Z","hl_text":"Hello guys,\n\nI have been using the animate.css library for the academic project for a few months, it s an amazing animation library\nand very easy to use, but the thing is it s a static library and you ...","hl_title":"Animate.css-Dynamic","id":"3948310","num_comments":0,"number":1510,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"Animate.css-Dynamic","url":"/animate-css/animate.css/discussions/1510","updated":"2023-07-03T13:37:38.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/81707288?s=48&v=4","user_id":81707288,"user_login":"KodingKhurram"},{"body":"Is this the same like AOS?\n","created":"2022-11-29T09:59:16.000Z","hl_text":"Is this the same like AOS?\n","hl_title":"Animate CSS","id":"4610801","num_comments":1,"number":1630,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"Animate CSS","url":"/animate-css/animate.css/discussions/1630","updated":"2022-11-29T10:01:10.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/119407103?s=48&v=4","user_id":119407103,"user_login":"MarDevel"},{"body":"Hello.\n\nIt seems that your source is using raw CSS, have you considered using a pre-processor like SASS or LESS?\nEven though it would perhaps be a lot of work to re-write using a pre-processor, the advantage would be that developers\ncan import what they need and it could make for smaller bundles.\n\nAlso if you wanted to use a pre-processor then you would consider which one to use, I personally use LESS for all my\nprojects because it uses JavaScript whereas SASS is based on Ruby (I m a JavaScript purist), however SASS is more\npopular.\n\nI think it would be something to consider for a major release.\n","created":"2022-11-01T21:23:05.000Z","hl_text":"Hello.\n\nIt seems that your source is using raw CSS, have you considered using a pre-processor like SASS or LESS?\nEven though it would perhaps be a lot of work to re-write using a pre-processor, the advantage ...","hl_title":"CSS Preprocessor","id":"4528483","num_comments":4,"number":1615,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"CSS Preprocessor","url":"/animate-css/animate.css/discussions/1615","updated":"2022-11-15T12:12:20.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/16164373?s=48&v=4","user_id":16164373,"user_login":"LukeTOBrien"},{"body":"I am do have multiline , I like to show line by line not everything at a time, any help ?\n\nhttps://codesandbox.io/s/angry-river-thjm4l?file=/src/Example.tsx:122-130\n","created":"2022-11-04T13:45:35.000Z","hl_text":"I am do have multiline , I like to show line by line not everything at a time, any help ?\n\nhttps://codesandbox.io/s/angry-river-thjm4l?file=/src/Example.tsx:122-130\n","hl_title":"How to show one after another multiline","id":"4538409","num_comments":0,"number":1617,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"How to show one after another multiline","url":"/animate-css/animate.css/discussions/1617","updated":"2022-11-04T13:45:36.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/102965348?s=48&v=4","user_id":102965348,"user_login":"samalReact"},{"body":"Apologies if this is a very broad, open ended question, but is there any way to emulate the animation that Microsoft\nWindow OS s plays when you minimize an open window using animate.css?\n","created":"2022-09-17T05:32:18.000Z","hl_text":"Apologies if this is a very broad, open ended question, but is there any way to emulate the animation that Microsoft\nWindow OS s plays when you minimize an open window using animate.css?\n","hl_title":"How to emulate Microsoft Window's minimize animation in CSS?","id":"4399458","num_comments":0,"number":1602,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"How to emulate Microsoft Window's minimize animation in CSS?","url":"/animate-css/animate.css/discussions/1602","updated":"2022-09-17T05:32:19.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/49467587?s=48&v=4","user_id":49467587,"user_login":"tetron432"},{"body":"Hi. Is there an option to enable the animation only when the user has scrolled into the view of the element? If so is\nthere a description somewhere about how to implement that?\n","created":"2022-01-17T03:52:02.000Z","hl_text":"Hi. Is there an option to enable the animation only when the user has scrolled into the view of the element? If so is\nthere a description somewhere about how to implement that?\n","hl_title":"animate when in view","id":"3804370","num_comments":5,"number":1453,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"animate when in view","url":"/animate-css/animate.css/discussions/1453","updated":"2022-09-01T17:05:21.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/42356587?s=48&v=4","user_id":42356587,"user_login":"MikayP"},{"body":"!-- ✏️ Optional: Customize the content below to let your community know what you intend to use Discussions for.\n\n👋 Welcome!\n\nWe’re using Discussions as a place to connect with other members of our community. We hope that you:\n\n  - Ask questions you’re wondering about.\n  - Share ideas.\n  - Engage with other community members.\n  - Welcome others and are open-minded. Remember that this is a community we build together 💪.\n\n!-- For the maintainers, here are some tips 💡 for getting started with Discussions. We ll leave these in Markdown\ncomments for now, but feel free to take out the comments for all maintainers to see.\n\n📢 Announce to your community that Discussions is available! Go ahead and send that tweet, post, or link it from the\nwebsite to drive traffic here.\n\n🔗 If you use issue templates, link any relevant issue templates such as questions and community conversations to\nDiscussions. Declutter your issues by driving community content to where they belong in Discussions. If you need help,\nhere s a link to the documentation.\n\n➡️ You can convert issues to discussions either individually or bulk by labels. Looking at you, issues labeled “question” or “discussion”.\n","created":"2021-12-10T09:43:37.000Z","hl_text":"!-- ✏️ Optional: Customize the content below to let your community know what you intend to use Discussions for.\n\n👋 Welcome!\n\nWe’re using Discussions as a place to connect with other members of our community. ...","hl_title":"Welcome to animate.css Discussions!","id":"3734070","num_comments":4,"number":1429,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"Welcome to animate.css Discussions!","url":"/animate-css/animate.css/discussions/1429","updated":"2022-08-26T11:53:52.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/5007208?s=48&v=4","user_id":5007208,"user_login":"eltonmesquita"},{"body":"How to control the animation to start only when the element comes into view\n","created":"2022-08-10T10:00:31.000Z","hl_text":"How to control the animation to start only when the element comes into view\n","hl_title":"How to control the animation to start only when the element comes into view","id":"4305592","num_comments":4,"number":1586,"repo":{"repository":{"id":2561582,"name":"animate.css","owner_id":64791939,"owner_login":"animate-css","updated_at":"2024-05-27T19:35:12.138Z","has_issues":true}},"title":"How to control the animation to start only when the element comes into view","url":"/animate-css/animate.css/discussions/1586","updated":"2022-08-26T01:35:45.000Z","user_avatar_url":"https://avatars.githubusercontent.com/u/50159515?s=48&v=4","user_id":50159515,"user_login":"weilun0510"}],"type":"discussions","page":1,"page_count":2,"elapsed_millis":69,"errors":[],"result_count":17,"facets":[],"protected_org_logins":[],"topics":null,"query_id":"","logged_in":false,"sign_up_path":"/signup?source=code_search_results","sign_in_path":"/login?return_to=https%3A%2F%2Fgithub.com%2Fsearch%3Fq%3Drepo%253Aanimate-css%252Fanimate.css%2B%2Blanguage%253AJavaScript%26type%3Ddiscussions","metadata":null},"title":"Discussion search results"}