ઓનલાઈન ટૂલ CSS3 ટ્રાન્ઝિશન જનરેટર

s
s
CSS3.0 Transition

આળસુ લોકો માટે CSS ટ્રાન્ઝિટન જનરેટર.

CSS જનરેટર - સંક્રમણ

CSS ટ્રાન્ઝિશન પ્રોપર્ટી વપરાશકર્તાને HTML એલિમેન્ટ સ્ટાઇલને સરળતાથી બીજી સ્ટાઇલમાં બદલવાની મંજૂરી આપે છે. જ્યારે જાવાસ્ક્રિપ્ટ અથવા વપરાશકર્તા ઇવેન્ટ દ્વારા CSS પ્રોપર્ટી બદલાય છે ત્યારે સંક્રમણો ચાલે છે.

 

સંક્રમણ:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;

સંક્રમણ ચાર પરિમાણો વ્યાખ્યાયિત કરે છે -

1) કઈ સીએસએસ પ્રોપર્ટી ચાલી રહી છે

2) કેટલો સમય ચાલશે

3) સમય કાર્ય શું છે (સંક્રમણની ગતિ)

4) સંક્રમણ ક્યારે શરૂ કરવું

 

<STYLE-NAME> સંક્રમણ-સંપત્તિ એ CSS ગુણધર્મનો ઉલ્લેખ કરે છે જ્યાં સંક્રમણ લાગુ કરવામાં આવશે. તમે વ્યક્તિગત મિલકત અથવા બધી મિલકત સેટ કરી શકો છો. ટાઇમિંગ ફંક્શન એનિમેશનની ગતિને વ્યાખ્યાયિત કરે છે (ધીમી અથવા ઝડપી). ક્યુબિક બેઝિયર એનિમેશનની કસ્ટમ સ્પીડ વ્યાખ્યાયિત કરે છે. લૂપમાં સંક્રમણ ચાલી શકતું નથી. CSS એનિમેશન પ્રોપર્ટી લૂપ હેન્ડલિંગ કરવા માટે વૈકલ્પિક વિકલ્પ છે.