How to create slider announcement bar using HTML, CSS animation/ HTML, CSS animation का उपयोग करके स्लाइडर अनाउंसमेंट बार कैसे बनाएं।
It is very easy to create announcement bar using HTML, CSS. Following are the coding which is used to create announcement bar.
HTML, CSS का उपयोग करके अनाउंसमेंट बार बनाना बहुत आसान है। निम्नलिखित कोडिंग हैं जिनका उपयोग अनाउंसमेंट बार बनाने के लिए किया जाता है।
Code for announcement bar using HTML, CSS
<!DOCTYPE html><html><head><style>.animation-new{background-color: #F8C05C;text-align: center;padding-top: 10px;padding-bottom: 10px;}.animation-new:before {width: 100px;height: 100px;color:#ffffff;content: "All the wonderful things that they can find in Eenie's World?";animation: example 6s infinite;font-size:25px;font-weight:500;}@keyframes example {0% { color:#ffffff;content: "The happiest place for children to play, learn, discover... and enjoy.";font-size:25px;font-weight:500;}80% { color:#ffffff;content: "Songbooks for you to listen and learn.";font-size:25px;font-weight:500;}100% { color:#ffffff;content: "Colouring and activities to download and enjoy.";font-size:25px;font-weight:500;}}</style></head><body><div class="animation-new"></div></body></html>
Custom announcement bar output
See the video for output:
Please do not entering spam link in the comment box ConversionConversion EmoticonEmoticon