HTML/CSS

  • Submitted by: 
    In this article, we are going tackled about Animation Iteration Count in CSS . What is animation-iteration-count? Let's discuss a animation-iteration-count . The animation-iteration-count property specifies how many times an animation should be played. Syntax of this property: animation-iteration-count: number | infinite | initial | inherit ; Property Values number - it specifies a number that...
  • Submitted by: 
    In this tutorial, we are going to learn about animation-duration. So, what is animation-duration? The animation-duration property specifies how many seconds or milliseconds an animation takes to complete one cycle. This property has a syntax: animation-duration: time | initial | inherit ; Property Values time - it specifies the length of time an animation takes to finish. The default value is...
  • Submitted by: 
    What is a @keyframes in CSS3? The @keyframes rule is used to create animations. In general, an animation in CSS3 is defined as changing from one CSS style to another. Structure: @keyframes name { selector { styles ; } } Property Values: name – it’s specifies the name of the animation. (required) selector – it’s specifies that percentage of the animation duration. (required) Possible Value: 0 –...
  • Submitted by: 
    What is animation in CSS3? The animation property is a shorthand property that allows to setting six of the animation properties at once. It has a following syntax: animation : name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | initial | inherit ; Property Values: name - it’s specifies the name of the keyframe you want to bind to the selector...
  • Submitted by: 
    Analog Clock Using HTML/CSS This is a simple analog clock created using HTML and CSS3 only, with no images involved. As such, you can easily customize the size of the clock and its colors etc. The analog clock works in IE9+ and all versions of other browsers, including on mobile. Hope this work will help you in your project. HTML Source Code < div id = "liveclock" class = "outer_face" >...
  • Submitted by: 
    Simple Stopwatch in HTML/CSS with JavaScript This is an example of a simple stopwatch . It has the ability to keep track on an individual event, especially in a sports event. Try this yourself. This is easy to learn project. It has 3 buttons to operate this stopwatch. These are: Start Stop Pause Hope this simple work will help you in your future project. Enjoy! Source Code Kindly copy the source...
  • Submitted by: 
    This simple source code of HTML5 and CSS3 with the use of JavaScript. Download the source code below then unzip the file and install in your website or webserver.
  • Submitted by: 
    In this source code we are going to see how to create login , sign up and forget password modal form in HTML using Bootstrap. This modal window allows user to login , sign up and reset password. user can easily move one form to other. This source code can be particular useful if you want to create the login , sign up and forget password forms available to your users in you website. the source...
  • Submitted by: 
    SASS and CSS We use SASS and Bourbon ( http://bourbon.io/ ) for our resources. If you don't use SASS, just use the .css files that you find in the css folder. You can delete both sass and partials folders. For more details. Pls Like & Share www.facebook.com/DavaoWebDev Join Community www.facebook.com/groups/FutureDeveloper
  • Submitted by: 
    In this article, I would like to share with you a simple source code that can Hypnotize you while you are watching on your computer screen. You can request code at hi https://m www.facebook.com/saaduddinj more messing with SCSS for loop Like my page & join group for further free sourcecode secrets https://www.facebook.com/DavaoWebDev IT Group Members https://www.facebook.com/groups/...

Pages