Animate.CSS – 用CSS就可以做出的動態特效
Animate.CSS是一款集合了多種CSS3動態效果的CSS檔，在使用上相當方便，只要直接在需要製作特效的標籤上載入指定的CSS類別，就可以快速做出動畫效果，不過要特別注意，也因為他是CSS3的動畫效果，所以IE的部分需要使用9以上的版本才可以閱讀喔。
Animate 官網截圖
大家可以先到Animate官網下載Animate.css，下載完成後，將Animate.css載入至頁面中。
<link rel="stylesheet" type="text/css" href="animate.css">
準備完成後，可以直接對著想要做特效的標籤套上Animate的類別，類別名稱需與官網設定的名稱一樣，呈現特效的方式是在網頁載入完成後執行，下面是幾個簡單的範例。
參考Caroline製作bounceInDown效果：
<body> <div id="frog" class="animated bounceInDown" ></div> </body>
參考Caroline製作zoomIn效果：
<div id="rainbow" class="animated zoomIn"></div>
參考Caroline製作的lightSpeedIn效果：
<div id="mrt" class="animated lightSpeedIn"></div>
搭配圖片後更可以呈現特效感覺。
接下來，我們還可以在指定物件，加入Animate的CSS來控制特效的時間，設定該物件特效的時間長短，例如彩虹，我們就可以讓它慢慢出現。
參考Caroline製作範例網頁：設定該物件特效過程的時間
<style>
*{ margin:0px; padding:px; border:none}
#rainbow{
width:500px;
height:164px;
background-image:url(images/rainbow.png);
-webkit-animation-duration: 3.5s;/*設定該物件特效過程的時間，3.5s代表3.5秒。*/
}
</style>
<div id="rainbow" class="animated zoomIn"></div>
參考Caroline製作範例網頁：設定該物件特效延遲多久出現，我們可以結合前面做的，效果更明顯。
<style>
#mrt{
width:152px;
height:62px;
background-image:url(images/mrt.png);
position:relative;
bottom:100px;
margin:auto;
-webkit-animation-delay: 3.5s;/*指定該物件特效延遲開始，3.5s代表3.5秒。*/
}
</style>
<div id="mrt" class="animated lightSpeedIn"></div>
參考Caroline製作範例網頁：設定該物件特效次數。
<style>
#star{
width:46px;
height:45px;
background-image:url(images/star1.png);
-webkit-animation-iteration-count: infinite;/*設定該特效次數，infinite代表無限。*/
}
</style>
<div id="star" class="animated flash"></div>
懂得運用特效及時間的搭配後，就可以發揮你們的創意，做出喜歡的效果。
參考Caroline製作範例頁面：
物件很多，所以程式碼有點多，但其實都是很單純的CSS。
<style>
*{ padding:0px; margin:0px}
body{ background-color: #999;}
.clearLeft{ clear:left}
.floatLeft{ float: left}
#box{ width:1300px; height:800px; overflow:hidden; margin:auto; padding-top:30px;}
#cloud1{ width:130px; height:100px; background-image:url(images/cloud1.png); position:relative; left:-230px;-webkit-animation-duration: 20s;-webkit-animation-iteration-count: infinite;}/*設定雲朵特效過程長20秒，特效次數無限。*/
#cloud2{width:78px; height:63px; background-image:url(images/cloud2.png); position:relative; top:100px; right:-1300px;-webkit-animation-duration: 25s;-webkit-animation-iteration-count: infinite;}/*設定雲朵特效過程長25秒，特效次數無限*/
#cloud3{ width:130px; height:100px; background-image:url(images/cloud1.png); position:relative; top:200px; left:-330px;-webkit-animation-duration: 20s;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 2s;}/*設定雲朵特效過程長20秒，特效次數無限，且在頁面載入2秒後做特效*/
#star1{ width:45px; height:45px; background-image:url(images/star1.png);position:relative; left:50px;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 2s}/*設定星星特效次數無限，且在頁面載入2秒後做特效*/
#star2{ width:23px; height:23px; background-image:url(images/star2.png);position:relative; left:230px; top:80px;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 0.3s}/*設定星星特效次數無限，且在頁面載入0.3秒後做特效*/
#star3{ width:22px; height:22px; background-image:url(images/star3.png);position:relative; left:400px;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 0.5s }/*設定星星特效次數無限，且在頁面載入0.5秒後做特效*/
#star4{ width:41px; height:41px; background-image:url(images/star4.png);position:relative; left:580px ;top:100px; -webkit-animation-iteration-count: infinite;-webkit-animation-delay: 0.8s}/*設定星星特效次數無限，且在頁面載入0.8秒後做特效*/
#star5{ width:22px; height:23px; background-image:url(images/star5.png);position:relative; left:750px;top:50px; -webkit-animation-iteration-count: infinite;}/*設定星星特效次數無限*/
#panda{ width:166px; height:175px; background-image:url(images/panda2.png); position:relative; top:350px;-webkit-animation-delay: 3.0s}/*設定熊貓在頁面載入3.8秒後做特效*/
#frog{ width:159px; height:184px; background-image:url(images/frog2.png); position:relative; top:250px;-webkit-animation-delay: 4.1s}/*設定青蛙在頁面載入4.1秒後做特效*/
#taipei{ width:252px; height:442px; background-image:url(images/101.png);-webkit-animation-delay:4.9s;}/*設定101在頁面載入4.9秒後做特效*/
#ferriBox{ width:200px; height:270px; position:relative; top:5px; left:20px;-webkit-animation-delay:3.8s;}/*設定摩天輪在頁面載入3.8秒後做特效*/
#wheel{ width:199px; height:202px; background-image:url(images/wheel.png); position:relative; top:102px;left:-50px;}
#ferri{ width:82px; height:178px; background-image:url(images/ferri.png);}
#houseBox{-webkit-animation-delay:5s;}/*設定房子在頁面載入5秒後做特效*/
#heart1{ width:25px; height:23px; background-image:url(images/love1.png);margin-left:110px; margin-bottom:10px;-webkit-animation-delay:5.3s; }/*設定愛心在頁面載入5.3秒後做特效*/
#heart2{ width:33px; height:28px; background-image:url(images/love2.png);margin-left:80px; margin-bottom:20px;-webkit-animation-delay:5.9s;}/*設定愛心在頁面載入5.9秒後做特效*/
#heart3{ width:41px; height:41px; background-image:url(images/love3.png);margin-left:140px; -webkit-animation-delay:6.4s;}/*設定愛心在頁面載入6.4秒後做特效*/
#heart4{ width:60px; height:50px; background-image:url(images/love4.png);margin-left:70px; margin-bottom:10px;-webkit-animation-delay:7.0s;}/*設定愛心在頁面載入7.0秒後做特效*/
#heart5{ width:86px; height:84px; background-image:url(images/love5.png);margin-left:160px; margin-bottom:10px;-webkit-animation-delay:7.6s;}/*設定愛心在頁面載入7.6秒後做特效*/
#house{ width:116px; height:145px; background-image:url(images/house.png);margin-bottom:10px;}
#hello{ margin-top:25px; margin-left:8px;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 1.5s;}/*設定Hello特效次數無限，並且在頁面載入1.5秒後做特效*/
#bear{ width:187px; height:197px; background-image:url(images/bear.png); position:relative; top:340px;left:-160px;-webkit-animation-delay:4.4s}/*設定黑熊在頁面載入4.4秒後做特效*/
#balloonBox{-webkit-animation-delay:4.4s; position:relative}/*設定氣球在頁面載入4.4秒後做特效*/
#balloon{ width:78px; height:125px; background-image: url(images/balloon.png);position:relative; top:320px; left:-70px;-webkit-animation-delay:8.3s;-webkit-animation-duration: 20s; }/*設定氣球在頁面載入8.3秒後做特效，特效過程20秒*/
#rainbow{ width:1152px; height:378px; background-image:url(images/rainbowB.png); position:relative; bottom:100px;-webkit-animation-duration: 3.5s; }/*彩虹，設定特效過程3.5秒*/
</style>
<body> <div id="box"> <div id="cloud1" class=" animated fadeInRightBig floatLeft"></div><!-- 使用fadeInRightBig是會從視窗外由右向左飛進來的效果--> <div id="cloud2"class=" animated fadeInLeftBig floatLeft"></div> <div id="cloud3" class=" animated fadeInRightBig floatLeft"></div> <div id="star1"class=" animated flash clearLeft floatLeft"></div> <div id="star2"class=" animated flash floatLeft"></div><!--flash 閃爍效果，可以運用在星星或閃光燈...上面--> <div id="star3"class=" animated flash floatLeft"></div> <div id="star4"class=" animated flash floatLeft"></div> <div id="star5"class=" animated flash floatLeft"></div> <div id="panda"class=" animated bounceInUp clearLeft floatLeft"></div><!--bounceInUp 熊貓彈上來的效果--> <div id="frog"class=" animated bounceInDown floatLeft"></div><!--bounceInDown 青蛙跳下來的效果--> <div id="taipei"class=" animated fadeIn floatLeft"></div><!--fadeIn 101淡入效果--> <div id="ferriBox"class=" animated bounceIn floatLeft"><!--bounceIn 摩天輪彈進來的效果--> <div id="wheel" ></div> <div id="ferri"class=""></div> </div> <div id="houseBox"class=" animated zoomIn floatLeft"><!-- zoomIn 房子與愛心還有愛心上的字同時從遠到進的效果 --> <div id="heart5" class="animated fadeIn"><img class="animated tada" id="hello" src="images/hello.png" width="50" height="49"><!-- tada 設定Hello晃動的效果 --></div> <div id="heart4"class="animated fadeIn"></div><!-- fadeIn 設定愛心淡入的效果 --> <div id="heart3"class="animated fadeIn"></div> <div id="heart2"class="animated fadeIn"></div> <div id="heart1"class="animated fadeIn"></div> <div id="house"></div> </div> <!-- 為了讓氣球跟熊可以一起出現，最後氣球還可以飛到天上，所以用多個DIV包住，設定不同特效及時間。--> <div id="balloonBox" class="animated bounceInRight floatLeft"><!--bounceInRight 氣球由右往左彈入效果--> <div id="balloon"class=" animated fadeOutUpBig floatLeft"></div><!--fadeOutUpBig 氣球往上飛效果--> </div> <div id="bear" class="animated bounceInRight floatLeft"></div><!--bounceInRight 黑熊由右往左彈入效果--> <div id="rainbow" class="animated zoomIn clearLeft"></div><!--zoomIn 彩虹由遠到近的效果--> </div> </body>
最後，下面是幫大家整理出所有Animate的類別。
| bounce | bounceIn | bounceOutRight | fadeInRightBig |
| flash | bounceInDown | bounceOutUp | fadeInUp |
| pulse | bounceInLeft | fadeIn | fadeInUpBig |
| rubberBand | bounceInRight | fadeInDown | fadeOut |
| shake | bounceInUp | fadeInDownBig | fadeOutDown |
| swing | bounceOut | fadeInLeft | fadeOutDownBig |
| tada | bounceOutDown | fadeInLeftBig | fadeOutLeft |
| wobble | bounceOutLeft | fadeInRight | fadeOutLeftBig |
| flipInX | rotateIn | fadeOutUp | fadeOutUpBig |
| flipInY | rotateInDownLeft | rotateOutDownLeft | rollIn |
| flipOutX | rotateInDownRight | rotateOutDownRight | rollOut |
| flipOutY | rotateInUpLeft | rotateOutUpLeft | zoomIn |
| lightSpeedIn | rotateInUpRight | rotateOutUpRight | zoomInDown |
| lightSpeedOut | rotateOut | hinge | zoomInLeft |
| slideInDown | slideOutDown | zoomOutDown | zoomInRight |
| slideInLeft | slideOutLeft | zoomOutLeft | zoomInUp |
| slideInRight | slideOutRight | zoomOutRight | zoomOut |
| slideInUp | slideOutUp | zoomOutUp |
[u][b] Привет![/b][/u]
Купить документ о получении высшего образования.
[url=http://brawlstarsacc.listbb.ru/viewtopic.php?f=3&t=491/]brawlstarsacc.listbb.ru/viewtopic.php?f=3&t=491[/url]
[url=http://school8kaluga.flybb.ru/viewtopic.php?f=19&t=497/]school8kaluga.flybb.ru/viewtopic.php?f=19&t=497[/url]
[url=http://weekofsport.ru/kupite-diplom-i-nachnite-novuyu-zhizn/]weekofsport.ru/kupite-diplom-i-nachnite-novuyu-zhizn[/url]
[url=http://skazkademjanovo.ru/?post_type=topic&p=415864/]skazkademjanovo.ru/?post_type=topic&p=415864[/url]
[url=http://чпуремонт.рф/showthread.php?tid=55365/]чпуремонт.рф/showthread.php?tid=55365[/url]
https://paxloviddelivery.pro/# paxlovid pill
amoxicillin pills 500 mg [url=http://amoxildelivery.pro/#]can i buy amoxicillin online[/url] order amoxicillin 500mg
[u][b] Привет![/b][/u]
[b]Приобрести документ[/b] о получении высшего образования вы можете у нас в Москве.
[url=http://ast-diplom24.ru/kupit-diplom-vracha/]ast-diplom24.ru/kupit-diplom-vracha[/url]
[b]Успехов в учебе![/b]
[u][b] Привет![/b][/u]
[b]Купить документ[/b] университета можно у нас.
[url=http://diplomasx.com/kupit-diplom-kazan /]diplomasx.com/kupit-diplom-kazan [/url]
[u][b] Здравствуйте![/b][/u]
Купить документ о получении высшего образования вы имеете возможность в нашем сервисе. Мы оказываем услуги по продаже документов об окончании любых университетов Российской Федерации.
[url=http://lyxondebian.free.fr/dokutest/doku.php?id=premiummdiplomms/]lyxondebian.free.fr/dokutest/doku.php?id=premiummdiplomms[/url]
[url=http://www.dachamania.ru/photo_gallrey/profile.php?uid=57389/]www.dachamania.ru/photo_gallrey/profile.php?uid=57389[/url]
[url=http://blackpearlbasketball.com.au/index.php?option=com_k2&view=itemlist&task=user&id=843173/]blackpearlbasketball.com.au/index.php?option=com_k2&view=itemlist&task=user&id=843173[/url]
[url=http://rostovbike.ru/thread-10767.html/]rostovbike.ru/thread-10767.html[/url]
[url=http://mtm-2000.ru/users/abunyso/]mtm-2000.ru/users/abunyso[/url]
http://clomiddelivery.pro/# can i order generic clomid now
doxycycline brand [url=http://doxycyclinedelivery.pro/#]doxycycline 100mg australia[/url] doxycycline tablets
Manny Pacquiao https://filipino-boxer.manny-pacquiao-ar.com is one of the most prominent boxers in the history of the sport.
Mike Tyson https://american-boxer.mike-tyson-ar.com one of the most famous and influential boxers in history, was born on June 30, 1966 in Brooklyn, New York.
Muhammad Ali https://american-boxer.muhammad-ali-ar.com is perhaps one of the most famous and greatest athletes in the history of boxing.
http://clomiddelivery.pro/# where can i buy clomid pills
buy noroxin generic – buy flutamide confido online buy
car rental Albania Montenegro https://montenegro-car-rental-hire.com
Enter and be transported to a wellness sanctuary like no other. Discover authentic banyas, Finnish saunas, Turkish and Moroccan hammams, cleansing Himalayan salt therapy, Japanese onsens, a not-to-be-missed infrared room and so much more © 2023 The Sauna Haus Wellness Spa | Privacy Policy Our co-ed floor, or “Jjimjilbang” is home to our not-to-be missed specialty mineral saunas, which we invite you to experience in sequence for optimal results. Wellness & Health Admission grants you access to our Aroma, Wet and Dry Saunas, Steam Room, Ice Cold Plunge, Junior Olympic Lap Pool, Jacuzzi and the Relaxation Room. We also have Smart TV’s throughout the premises and we offer free WiFi as well. Everything you order, such as food, services, drinks, etc, are applied to your locker number and is paid for when you check out. Each customer is required to leave his her valuables in a deposit safe associated with their locker number (this can be keys, phone, wallet, jewelry, etc), in order to prevent guests from leaving their belongings behind.
https://www.fitnesswithkedelle.com/forum/general-discussions
These stylish choppy bob haircuts are your correct answer to a hot fresh style! Have you been thinking about changing your hairstyle to something short? Alternatively, spritz the hair with a little shine spray to make the hair look glossy and healthy. This really could be the hottest haircut for fine hair out there that’s for sure. It is a great style for women with fine to medium hair since it gives them a thicker and fuller look. If your hair has natural waves and you like ’em, we think that’s awesome! So why mess up the good thing that you’ve already got going? With a bob like this one, you can let your hair air dry (also a big trend this season). Your bob will look messy in the best kid of way. Plus, it will be healthier being that you won’t be adding much heat to it. This bob haircut is also great for round faces.
amoxicillin 800 mg price: amoxicillin 500mg price in canada – amoxicillin over the counter in canada
The best of the best for instant results – using medical-grade, bdr beauty skincare and technology for microdermabrasion, microneedling, chemical peels, and customized treatments. Products and treatments are suitable for all skin types and flaws. 203 Hudson St.Fort Lee, NJ 07024 Facial cupping increases blood circulation and stimulates the facial cells that are responsible for collagen production. In turn, this can brighten your skin, minimize the appearance of scars, fine lines and wrinkles, and tone your chin, jawline, and neck by decreasing puffiness.-$15 Our LED Light Therapy Facial combines the power of three LED treatments: Red LED Light, Infrared LED Light, and Blue LED Light plus our Brighten and Glow Facial. LED light therapy, was originally designed to heal wounds and is now used to rejuvenate skin and solve a myriad of the most difficult skin problems from rosacea to the effects of everyday aging. We’ll begin with our Brighten and Glow Facial which is excellent for all skin types and finish with a 30-45 minute LED Light Therapy treatment.
https://wiki-net.win/index.php?title=Defining_eyebrows
Treat your luxurious hair extensions to the best styling products on the market, free of sulfates and harsh additives that dry out natural hair as well as soft, glamorous extensions. To give your hair extensions the gentle care they deserve, choose a tested and professional ingredients like Kérastase. Finding great hair extension products in Houston doesn’t have to be difficult. For a long-lasting style, Lush Hair Folk Salon has all of your at-home hair care needs in one salon. As previously mentioned, pretty much anyone can get microlink extensions, and your hair doesn’t have to be a certain texture for you to be a good candidate. Since these are meant to be blended into your natural hair, you should install hair that matches your natural texture. NANO Technology “invisibly” integrates into one‘s own hair. The additional hair strands are permanent, and thus become a natural part of your own hair. This means that no matter what you’re doing (working out, sports, sauna, swimming, etc.), you can style your hair as you normally do.
стена дизайн интерьера дизайн интерьера
Michael Jordan https://chicago-bulls.michael-jordan-ar.com is one of the greatest basketball players of all time, whose career with the Chicago Bulls is legendary.
The Formula One World Championship https://world-circuit-racing-championship.formula-1-ar.com, known as the Formula Championship in motor racing, is the highest tier of professional motor racing.
https://paxloviddelivery.pro/# paxlovid for sale
order amoxicillin online [url=https://amoxildelivery.pro/#]generic amoxicillin online[/url] amoxicillin online no prescription
After some difficult years in the late 2010s, Manchester United https://england.manchester-united-ar.com returned to greatness in English football by 2024.
[u][b] Привет![/b][/u]
[b]Мы можем предложить документы техникумов[/b], которые расположены в любом регионе России. Можно приобрести качественный диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Документы печатаются на бумаге самого высшего качества. Это позволяет делать государственные дипломы, не отличимые от оригиналов. Документы заверяются всеми необходимыми печатями и подписями.
[url=http://linkmate.mn.co/posts/61828981/]linkmate.mn.co/posts/61828981[/url]
[u][b] Привет![/b][/u]
Приобрести документ о получении высшего образования можно у нас. Мы предлагаем документы об окончании любых университетов РФ. Вы получите необходимый диплом по любым специальностям, включая документы образца СССР. Даем 100% гарантию, что в случае проверки документов работодателями, никаких подозрений не возникнет.
[url=http://theprome.com/read-blog/13316/]theprome.com/read-blog/13316[/url]
[url=http://biiut.com/read-blog/65636/]biiut.com/read-blog/65636[/url]
[url=http://mymink.5bb.ru/viewtopic.php?id=8913#p455031/]mymink.5bb.ru/viewtopic.php?id=8913#p455031[/url]
[url=http://www.vodozone.ru/forum/user/54843//]www.vodozone.ru/forum/user/54843/[/url]
[url=http://x70795vj.beget.tech/2024/07/09/vash-nadezhnyy-istochnik-diplomov.html/]x70795vj.beget.tech/2024/07/09/vash-nadezhnyy-istochnik-diplomov.html[/url]
https://clomiddelivery.pro/# how to buy clomid
[u][b] Привет, друзья![/b][/u]
Приобрести диплом любого ВУЗа
[b]Наши специалисты предлагают[/b] максимально быстро приобрести диплом, который выполняется на оригинальном бланке и заверен печатями, водяными знаками, подписями официальных лиц. Диплом способен пройти любые проверки, даже при использовании профессиональных приборов. Решите свои задачи быстро с нашими дипломами.
[b]Где купить диплом по актуальной специальности?[/b]
[url=http://lubercy.ixbb.ru/viewtopic.php?id=6615#p14726/]lubercy.ixbb.ru/viewtopic.php?id=6615#p14726[/url]
[url=http://worksale777.blogspot.com/2024/06/blog-post_30.html/]worksale777.blogspot.com/2024/06/blog-post_30.html[/url]
[url=http://volnodumie.bbmy.ru/viewtopic.php?id=12332#p25047/]volnodumie.bbmy.ru/viewtopic.php?id=12332#p25047[/url]
[url=http://www.hristianka.ru/forum/r/prev_loaded/1//]www.hristianka.ru/forum/r/prev_loaded/1/[/url]
[url=http://deviva.ru/viewtopic.php?id=8878#p61753/]deviva.ru/viewtopic.php?id=8878#p61753[/url]
Jennifer Lopez https://lets-get-loud.jenniferlopez-ar.com was born in 1969 in the Bronx, New York, to parents who were Puerto Rican immigrants.
[u][b] Привет, друзья![/b][/u]
[b]Пошаговая инструкция по безопасной покупке диплома о высшем образовании [/b]
[url=http://www.scaleforum.ru/member.php?u=62004/]www.scaleforum.ru/member.php?u=62004[/url]
Окажем помощь!
http://amoxildelivery.pro/# amoxicillin 500 mg without a prescription
cost of doxycycline canada [url=https://doxycyclinedelivery.pro/#]buy doxycycline 100mg tablets[/url] doxycycline 50mg capsules
Здравствуйте!
Быстрое обучение и получение диплома магистра – возможно ли это?
[url=http://landik-diploms-srednee.ru/kupit-diplom-v-omske ]landik-diploms-srednee.ru/kupit-diplom-v-omske [/url]
While the verdict’s still out on whether globetrotting increases your chance for romance, one thing’s for certain: dating abroad or while travelling sure can be fun! Foreigners often use dating apps such as Zoosk and OkCupid to connect with potential romantic partners worldwide. Both apps have a wide range of international members, making finding potential dates in any country easy. Have you ever dated in a foreign country? How have you liked the experience? Honestly, this is my most favorite tip. The best part of studying abroad is getting to know locals, and perhaps even pretending you’re becoming one too. Instead of frequenting the hot-spots that every university student goes to in your town, hop into random little pubs, bars, and even unheard of discotecas. When dating abroad, the less Americans, the better. You’ll have a higher chance of meeting someone who knows your city.
http://dimovaa.com/index.php/Top_dating_apps_that_work
Another service that deserves to be on the list of the best Chinese singles dating sites. The service collaborates with millions of women around the world. The registration procedure takes just a few minutes, and modern technologies allow us to guarantee a high level of security to our customers. Also, communication with Chinese women is very pleasant thanks to the wide range of possibilities and the help of a professional translator. And most importantly, the Chinese site offers customers excellent prices and a flexible system of discounts. Rating – 8.5 10. Watchers About Us | Contact Us | Privacy Policy | Cookie Policy | Terms Of Service | Sitemap It’s not a surprise that the most populous country on the planet has a number of different dating sites. The best Chinese dating sites will grant you the opportunity to find your significant other or go on a casual Chinese singles date. Not speaking the language might be troublesome, but fear not, you could still yield results.
Priyanka Chopra https://baywatch.priyankachopra-ar.com is an Indian actress, singer, film producer and model who has achieved global success.